Posted inJavascript UI/UX

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:…
Posted inPsychology

仕方がない~Shikata ga nai

This expression is so common and widely used in every situation. There are multiple ways to say it: shikata ga arimasen (polite) shikata ga nai (informal) shō ga nai (casual) shānai (Kansai-ben) But what…
Posted inDesign

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…
Posted inDesign

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…