CSS Clear Fix
Clearing CSS floats is just as important to creating CSS structures as anything could be. For years we would clear our floated elements by adding one element with the clear: both; style simple to perform the clear. This practice was fine but it introduced elements into the page that we really didn't need if there was a better way. Today there is, and it involves using CSS pseudo-elements on a parent element!
This excellent CSS clear fix uses
:after pseudo-elements of the container to perform the clear:
/* Assuming this HTML structure:
content: " ";
This is the part of the tutorial where I explain what each property does toward the goal but honestly, you probably don't care. What's important is that this CSS reliably clears floating child elements so that the next set of elements has a clear plain to begin from!
Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...
It's no secret that Facebook has become a major traffic driver for all types of websites. Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One...
Everybody and their aerobics instructor wants to be able to edit their own website these days. And why wouldn't they? I mean, they have a $500 budget, no HTML/CSS experience, and extraordinary expectations. Enough ranting though. Having a website that allows for...
I'm going to share something with you that will blow your mind: I don't have the MooTools documentation memorized. I just don't. I visit the MooTools docs frequently to figure out the order of parameters of More classes and how best to use...