Add opacity to hex color code

Best practice to use hex color in opacity colors instead of rgba. Now don’t need to find the rgb of $the-colorbefore: background-color: rgba(225, 180, 192, 0.75);

Keep div always square

To keep a div always as a square shape, use code below: div{ width: 100%;    &:after{ display: block; padding-bottom: 100%;    }}

Devices and Media-query

Frontend developers, always are dealing with different devices and orientation. Here I tried to find a table of view port specifications to use in media query. Mobile phones: 360☓640 375☓667 …

Top 7 UI font combinations

Playfaire Display Source Sans Pro Merriweather Oswald Montserrat Merriweather Raleway Lato Elsie Roboto Abril Fatface Roboto Sansita Open sans