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…
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…
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…
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…
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…
Soh Tanaka shares a carefully selected round-up of useful CSS techniques and tools. Collected, analyzed and curated resources for you to use them right away or save them for future reference!
Read more…
In this article, Andy Croxall looks at how to combine JavaScript/jQuery with PHP and, particularly, PHP’s GD library to create an image manipulation tool to upload an image, then crop it, and finally save the revised version to the server.
Read more…
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…
To follow this tutorial, you’ll need the code from the previous article. If you want to get started right away, grab the code from GitHub and check out the _tutorial_part1 tag.
Read more…