Pulling Web Page Elements with the Blueprint CSS Framework
(Page 1 of 4 )
If you’re a web designer who’s seeking a comprehensive guide to the main features of the Blueprint CSS framework, you’ve come to the right place. Welcome to the final episode of a series that gives you a quick overview of Blueprint CSS framework. Comprised of seven friendly tutorials, this series gets you started using this robust CSS library, and shows you how to take advantage of its numerous capabilities, by means of a great variety of code samples.
And now that you've been introduced to the goal of this series of articles, it's time to quickly recapitulate the topics that were covered in the last part. In that article, I explained how to make use of the generic "push-x" classes for pushing columns to the left side of a web document.
Even though the functionality of these classes seems to be fairly limited, they can come in pretty handy for indenting lists, paragraphs and even entire columns, while maintaining perfect alignment with the background grid. This produces web designs that look pleasant and harmonious to human eyes.
Now, you may be wondering why Blueprint CSS doesn't include another set of CSS classes that behave in the opposite way to the "push-x" ones mentioned previously. Well, it does; the framework also comes bundled with a group of classes generically called "pull-x," which permit you to pull to the right any element on a web document.
So, this final chapter of the series will discuss the use of "pull-x" classes with Blueprint CSS, thus wrapping up this introductory guide to working with this handy framework. With the preliminaries out of our way, it's time to start learning how to employ these classes. Let's tackle the last part of this educational journey now!
Next: Review: working with generic push-x CSS classes >>
More Style Sheets Articles
More By Alejandro Gervasio
