Many of the tips in this article are tiny micro-optimizations, one thing to keep in mind when going overboard with optimizing. You should never sacrifice maintainability or extensibility for optimization experiments. Consider this article more like an academic exercise rather than real-life optimization tips. It should also be noted that if you need to speed […]
A full featured and beautiful CSS (Cascading Style Sheets) framework which combined the best of Blueprint, Tripoli (hence the name), Hartija’s print stylesheet, 960.gs’s simplicity, and Elements’ icons, and has now found a life of its own…
It is possible for you to place an HTML element at a particular spot on your web page, independent of what is already there. In this article there’s an in-depth treatment of that topic. You need basic knowledge in CSS and HTML (XHTML) in order to understand this article…
A Cascading Style Sheets (CSS) framework expedites and simplifies the design and development of Web pages. Moreover, a CSS framework produces more standardized results in all browsers. Here’s a look at two CSS frameworks, each with a unique philosophy: Blueprint and the Yahoo! User Interface (YUI) Grid. Both frameworks are free to use and permute, […]
In this article you will find more than 20 unique CSS Data Visualization Techniques. Learn how to create charts, graphs and represent data visually using CSS…
Font declarations and related properties in CSS are fairly straightforward to write in longhand. But there is a shorthand CSS property for declaring certain typographical properties that is well-supported across all common browsers, but a little quirky to work with. In this article I’ll describe how the css font shorthand property is used, how it […]
When two elements are floated in a div, chances are parent element no longer contains it because the float is removed from the flow. Here you’ll find five quick tips to fix this problem…
A handy online tool to help create HTML emails that are compatible with most browsers. Just paste your CSS declarations and HTML and the converter will create inline CSS for maximum compatibility. It even warns you about styles that are not supported in certain browsers…
CSS design is not easy. We need to find workarounds for cross browser inconsistencies. We also need to understand difficult CSS concepts and quite counterintuitive CSS solutions. However, there are effective and useful CSS tools and Smashing Magazine reviewed many of them in previous posts. Now it’s time to present you with some fresh tools […]
PXtoEM.com is pixels to em conversion made simple. Choose your body font size in pixels (px) and out comes a complete pixel (px) to em conversion table, making elastic web design with CSS a snap. The once daunting challenge of converting pixels (px) to the elusive em has now been reduced to a booger eating […]
csshead