These free mini-courses will give you a strong foundation in web development. Track your progress and access advanced courses on HTML/CSS, Ruby and JavaScript for free inside our student portal.
Scroll down...
There are some styling challenges that come up again and again. Things like centering an element vertically or creating a group of panels that wrap the text intelligently as the browser gets smaller. Lucky for you, developers out "in the wild" have published some of their solutions in the form of "Pattern Libraries".
Pattern libraries are little recipes for making widgets look exactly the way you want them to, saving you the effort of hacking together the CSS yourself. They are often used by companies to help incoming developers see the kinds of styles (e.g. for buttons or forms) they can easily implement using the existing CSS.
Though some pattern libraries are meant to be independent (like Pears you'll see below), others are provided by companies as a way of showing new developers to their platform the best way of using their existing CSS to produce certain widgets. For example, Mailchimp has a pattern library that uses their own CSS patterns. These corporate libraries will probably be less useful to you when you're first starting out (because they rely on Mailchimp's CSS files) than the independent ones.
In this very brief lesson, we'll introduce you to a helpful pattern library that should save you some time with particularly annoying tasks.
There are a few other useful independent pattern libraries and tools. If you know of any we've missed, tell us!
Hopefully you'll keep these libraries in your back pocket for that time in the future when you need to build a particular kind of widget. In general, though, consider these pattern libraries simply an interesting tool for your toolbox. It's most important for you to focus your energies on understanding markup than memorizing the exact ways to produce particular widgets.