10 NEW videos on horizontal navigation and SASS functions!
Why to avoid using HTML lists for navigational elements New!
(This one's FREE!)
In many tutorials covering HTML and CSS, the suggestion of using lists to organize navigation is put forth. In many ways this makes sense, but those who use screen readers would more likely prefer that you use generic container elements like divs and spans. In this video we explain a bit more.
Now that we're converting our first navigation element over to the template, it's a good time to look at what our options are in terms of a container element. Here we do a quick search and turn up the 'nav' element.
There are few different ways to skin the cat of horizontal navigation spacing. In this video we discuss the various options and why we end up using the strategy we do.
Margin should be margin, right? Well, the rules are a bit different for the top / bottom and right / left. Here we explain the difference.
In this video we begin the process of converting many of our absolute pixel units over to relative units. Specifically, we look at whether it makes sense to use an 'em' or 'rem' unit for our footer navigation margin and what calculation we can use to get what we need.
Here we explore two ways to automate repetitive operations in SASS and why you might use one over the other in different situations.
How to write a function in SASS New!
(This one's FREE!)
In this video we write a function in SASS to calculate 'em' units based off of a pixel unit value. Once we have this squared away, we'll be able to use the function instead of writing out the calculations by hand.
A common use case when using functions in any programming language is to supply an optional parameter. Here we demonstrate how to accomplish this in SASS.
Here we're beginning the process of converting the absolute units in our SASS over to relative units. We also create a partial to hold our SASS functions.