A solution for when prefixes cause maintenance troubles, bloat CSS files, and make it harder to tweak values. In this article, Lea Verou presents her recent tool: prefixfree.
Read more…
In this article, we will take our first steps with CSS animation and consider the main guidelines for creating animation with CSS. We’ll be working through an example, building up the animation using the principles of traditional animation. Finally, we’ll see some real-world usages.
Read more…
LESS and Sass share a lot of basics. oth of them are fantastic tools for designers who code, and they can also help developers work more efficiently and quickly. In this post, Jeremy Hixon presents the main difference between them.
Read more…
Questions in the world of mobile app development are endless. Jen Gordon shares her knowledge as a designer to decide what’s best for your client -and how to do it- regarding the audience they are trying to reach.
Read more…
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…
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…
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…
For a while now, here on Smashing Magazine, we have taken notice of how many designers are reluctant to embrace the new technologies such as CSS3 or HTML5 because of the lack of full cross-browser support for these technologies. Many designers are complaining about the numerous ways how the lack of cross-browser compatibility is effectively holding us back and tying our hands — keeping us from completely being able to shine and show off the full scope of our abilities in our work. Many are holding on to the notion that once this push is made, we will wake to a whole new Web — full of exciting opportunities just waiting on the other side. So they wait for this day. When in reality, they are effectively waiting for Godot.
Read more…
Since the beginning of CSS3, Web designers have begun experimenting with different code-based solutions to add to design, and even to make up a design entirely. Even with older versions of CSS there are many design solutions that can be done with 100% code, no images necessary.
Read more…
