AutoByte Tech

Check out Designmodo's Slides: https://designmodo.com/slides/

Devs often struggle with the design of their sites. One thing that holds their designs back the most is the way they handle type, so in this video, we're looking at 6 simple steps for you to follow to make for better typography, which means a much nicer looking site :)

1. Split the content up into groups
2. Increase contrast through font-size
3. Increase contrast through font-weight
4. Increase contrast through color
5. Increase the line-height of the body
6. Decrease the line-height of large text

And stick around to the end for a bonus tip, dealing with one of the biggest mistakes that I see devs make that absolutely ruins their designs.

I realize for a quick solution, this video is kind of long, but I give you the easy solution first, and then we look at how you can step it up and get something looking a little nicer and more complex.

This isn't a look at color theory, but a quick solution to having a nice looking site quickly!

It can be hard to know how to improve the look of your site. You know it looks bad, but you don't know why! In this video, I break down 5 tips to help you make your sites and projects look better :).

/// Chapters

00:00 - Introduction
00:51 - line-length
04:14 - letting things breath
10:27 - contrast with color
14:17 - text-alignment
17:25 - contrast with font properties

Programming Fundamentals (Part 4)