CategoryCSS

July 13, 2011 — In this article, Louis Lazaris puts together a fairly comprehensive run-down of pseudo-elements. Get all of the concepts you need in order to create something practical with this technique. Read more…

June 16, 2011 — A walk through five interactive techniques that you can start using right now to provide a more engaging user experience. Also, a variety of useful CSS and jQuery tricks that you can leverage when creating your own interactive techniques. Read more…

June 10, 2011 — Developers and designers out there keep releasing useful tools and resources for all of us to learn about front-end development. Dive into this article to find some time-saving resources to improve your skills. Read more…

May 17, 2011 — In this article, Louis Lazaris covers all the important parts of the syntax for CSS animations. If you haven’t yet started using CSS keyframe animations, here’s your chance to start! Read more…

May 11, 2011 — Hidden deep within the browsers are heavily underrated properties which can be quite useful. Have a look at some of the less known CSS 2.1 and CSS3 properties and their support in modern browsers. Read more…

May 3, 2011 — David Sparks looks at the ideas behind CSS3 and shares some good working practices for older browsers and some new common issues. If you aren’t so keen on CSS3, or don’t know where to start, this article is for you. Read more…

April 21, 2011 — Trent Walton designs and codes a Web page and adds visual enhancements twice: once with CSS3, and a second time using background images sliced directly from the PSD. He times himself and compares. Read more…

April 18, 2011 — A carefully selected list of useful (and powerful!) CSS techniques and tools. Collected, analyzed and curated resources for you to use them right away or save them for future reference. Read more…

March 30, 2011 — CSS3 is a wonderful thing, but it’s easy to be bamboozled by the transforms and animations (many of which are vendor-specific) and forget about the nuts-and-bolts selectors that have also been added to the specification. A number of powerful new pseudo-selectors (16 are listed in the latest W3C spec) enable us to select elements based on a range of new criteria. “CSS3 Pseudo Classes”)](https://www.smashingmagazine.com/2011/03/30/how-to-use-css3-pseudo-classes/) Before we look at these new CSS3 pseudo-classes, let’s briefly delve into the dusty past of the Web and chart the journey of these often misunderstood selectors. Read more…

March 19, 2011 — In 2002, Mark Newhouse published the article “Taming Lists”, a very interesting piece in which he explained how to create custom list markers using pseudo-elements. Almost a decade later, Nicolas Gallagher came up with the technique pseudo background-crop which uses pseudo-elements with a sprite Read more…