For the rest in the Metal Toad University Series, Click Here.
This was a fun class as we talked about CSS, which IMO, is one of the most pleasurable parts of web development. Styling is what everyone sees when they go to your site so it can be viewed as one of the most important steps too.
First we talked about the basics of CSS. It's one thing to be able to apply a class to an element, but it's an entirely different thing to understand and utilize the cascading nature of CSS. We talked about the specificity rules and how IDs are a little too powerful for everyday use and can cause issues down the line. We talked about the speed of different selectors and how you should probably never use a descendent selector (>) unless we were working with HTML that we can't fix, like what comes out of a CMS.
We also touched on the concept of DRY; Don't Repeat Yourself. This will come up more and more as we get into some of the more programming related tasks.
Specific sections of CSS that were covered were:
- Layout concepts - display, visibility, position, media queries, and floats
- Images - Backgrounds, gif vs jpg vs png, text replacement, and Base64 inline elements
- Webfonts - History of fonts on the web, web font creation and licensing, and icon fonts
- Colors - Hex notation, RGBA colors, and gradients
- Animation - Basic animations using transition
Finally we ended the discussion with a talk about abstracting classes for maximum reuse.
Whew! We covered a lot. If you attended the class and are feeling overwhelmed, don't sweat it. We'll go over everything in more detail as we continue the class.
Be sure to check out the video for this class: