While playing DIRT 3, Catalin Rosu noticed a very cool triangle animation as part of their UI. Almost immediately, He thought about how to build a similar version of it using CSS3. For this example, he uses two CSS3 animations: one that fades the color for the triangles and one animation that rotates the whole design. These two animations, synchronized, will help creating a quite nice effect.
Unlike most Web browsers, email clients have not yet united in support of HTML email standards, resulting in poor CSS support for email. Inconsistent support for images in email clients has thus motivated Lynda Elliott to experiment in a code editor and to develop the following techniques.
Today we’ll show you how to create a content navigator with CSS only. The idea is to have several slides or content layers that we’ll show or hide using the :target pseudo-class. With CSS transitions we can make the slides appear in a fancy way. We’ll also make the whole thing responsive.
Please note: the result of this tutorial will only work as intended in browsers that support the CSS properties in use.
Steven Bradley has been discussing ideas and approaches to writing CSS. He's looked at abstracting CSS and talked in some detail about Object Oriented CSS. If classic CSS sits on one side of an approach to writing CSS and OOCSS sits on the other, SMACSS sits somewhere in the middle. While he’ll do his best to cover the basics here, he recommends reading through the SMACSS documentation. It’s not a long read and of course it is the original source.
With CSS3, developers and designers can utilize an enhanced range of options for Web page backgrounds. New options include the ability to use multiple background images, to specify size properties for background images, and to define background origin and clipping in terms of the CSS box model.
Every programming language has its good parts and its ugly parts. CSS is no different. In this post, Louis Lazaris does nothing but vent. He has been coding websites for almost 12 years, and he's been doing CSS layouts for nearly half that. He has come to realize what is good and bad about CSS, and here are what he consider “the bad parts”.
Keeping your CSS files small and organized is very important, especially if you’re going to spend any time editing your site in the future. Helpfully, there are a number of different techniques which can be utilized to aid organization and size of your CSS files in order to make them more streamline.
Read MoreNow that the numbers for IE6 and IE7 usage are diminishing rapidly, more and more development teams are starting to weed out support for those older browsers. This post will provide a comprehensive review of support for CSS3 selectors in the most troublesome browsers. Each selector links to the appropriate location in the CSS3 spec.
Read More