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.
The next class will feature a guest speaker, Robbie Ferrero, who will introduce us to JavaScript. JavaScript will be how we do complex client interactions.
The most important question we should ask is, "to what are we responding?" It's not too far to jump from that question to the point I want to drill...
Metal Toad Staff
May 15, 2013
Get notified on new marketing insights
Be the first to know about new B2B SaaS Marketing insights to build or refine your marketing function with the tools and knowledge of today’s industry.