Designing for Attention

The average person is capable of reading 250 words per minute. Few people choose to do so.  80% of your page’s visitors will not read it. Ever. 20% — at most — will. That doesn’t mean that 100%…

Simple CSS variables like A Pro

Using DOM access, you may create variables, save them, and reuse them across your style sheet. :root{ /*CSS variable*/ --primary:#900c3f; --secondary:#ff5733; } .btn{ padding:1rem 1.5 rem; background:transparent; font-weight: 700; color:…

Text font size in web design

Body text Default: 16px or 1emOn mobile: Use the defaults, at times 10% smallerOn Desktop: go up until 24px or 1.5em Display text (Heading 1) Default: 40px or 2.5em for an <h1>On mobile: 32px or 2em or smaller, since it uses up too much space.On…

Design Handoff

1. Involve Developers in Design Meetings/Sprints From the start to the launch of the product make sure you’re collaborating with the developers, having them in your teams gives you a…