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 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…
Posted inColor Theory Design UI/UX

Color in UI Design

Color is the most important aspect of UI design that helps you design an engaging user interface. There is a lot to color, and we don’t usually take time to…