Posts Tagged ‘CSS3’
We are pleased to present below all posts tagged with ‘CSS3’.
The Guide To CSS Animation: Principles and Examples
- September 14th, 2011
- 48 Comments
With CSS animation now supported in both Firefox and Webkit browsers, there is no better time to give it a try. Regardless of its technical form, whether traditional, computer-generated 3-D, Flash or CSS, animation always follows the same basic principles. In this article, we will take our first steps with CSS ...
Read more...An Introduction To LESS, And Comparison To Sass
- September 9th, 2011
- 100 Comments
I’ve been using LESS religiously ever since I stumbled upon it months ago. CSS was never really a problem for me, in and of itself, but I was intrigued by the idea of using variables to create something along the lines of a color palette for my websites and themes. ...
Read more...An Introduction To CSS3 Keyframe Animations
- May 17th, 2011
- 79 Comments
By now you’ve probably heard at least something about animation in CSS3 using keyframe-based syntax. The CSS3 animations module in the specification has been around for a couple of years now, and it has the potential to become a big part of Web design. Using CSS3 keyframe animations, developers can ...
Read more...Using CSS3: Older Browsers And Common Considerations
- May 3rd, 2011
- 64 Comments
With the arrival of IE9, Microsoft has signalled its intent to work more with standards-based technologies. With IE still the single most popular browser and in many ways the browser for the uninitiated, this is hopefully the long awaited start of us Web craftsmen embracing the idea of using CSS3 ...
Read more...CSS3 vs. CSS: A Speed Benchmark
- April 21st, 2011
- 152 Comments
I believe in the power, speed and “update-ability” of CSS3. Not having to load background images as structural enhancements (such as PNGs for rounded corners and gradients) can save time in production (i.e. billable hours) and loading (i.e. page speed). At our company, we’ve happily been using CSS3 on client ...
Read more...How To Use CSS3 Pseudo-Classes
- March 30th, 2011
- 63 Comments
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 ...
Read more...Why We Should Start Using CSS3 and HTML5 Today
- December 10th, 2010
- 292 Comments
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 ...
Read more...Photoshop-Inspired Techniques with 100% CSS
- November 23rd, 2010
- 0 Comments
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. In this article, we’re ...
Read more...CSS3 Design Contest Results
- July 12th, 2010
- 81 Comments
To get you really excited about CSS3, last month we announced the CSS3 Design Contest and encouraged designers to experiment and get creative with CSS3. As expected, we have received many creative and original submissions. To choose the winners of the contest, we considered the originality of the technique or ...
Read more...
