Author Archives: Lucas Cobb

Here are 7 sure fire steps to follow when designing for accessibility. This refers to the practice of building digital content and applications that can be used by a wide range of people, including individuals who have visual, motor, auditory, speech, or cognitive disabilities.

According to designer from across the globe, these were the most used tools by designers in 2017.

3 short lines of CSS (excluding vendor prefixes) using transform: translateY  will vertically center whatever we want, even if we don’t know the elements height.

1. Handwritten type – encompasses both printing and cursive styles and is separate from formal calligraphy or typeface.
   Brush Up font  |  Ondise font  |  Goodfy font  |  Barber Shop font
2. Google Fonts – interactive directory of free hosted application programming interfaces for web fonts.
   Open Sans font  |  Roboto font  |  Oswald font
3. Flat Design type – places a clear emphasis on simplicity, minimalism, and intelligibility.
   Metros font  |  Marianina font  |  Burne Alt font
4. Mix & Match type – creates an artistic, handcrafted but still polished and purposeful look on a site.
   Native font  |  Hoverage font  |  Pacific Northwest Letters font
5. Large Type – because of increased screen resolutions, the standard 12 point font is no longer as readable as it was before.
   Cape Rock font  |  CPL Kirkwood font  |  Zona Black font

The power of REM and EM finally explained! You may have come to terms with using flexible units of measurement, but you still might not fully understand when to use REM and when to use EM. This tutorial will help you figure it out!

Both EM and REM are flexible, scalable units which are translated by the browser into pixel values, depending on the font size settings in your design. If you use a value of 1em or 1rem, it could translate in the browser as anything from 16px to 160px or any other value.

1. Both REM and EM are relative units.
2. EM children inherit size by scaling in relation to the parent font size.
3. REM is only relative to the html (root) font-size.
4. REM is best used to define the padding and margins.
5. REM stands for “root em”.
6. REM units help for responsive design.
7. REM units are great for rapid prototyping.
8. All sizes should be in REM units.
9. REM units do not work in IE8.