CSS3 | Smashing Coding

Posts Tagged ‘CSS3’

We are pleased to present below all posts tagged with ‘CSS3‘.

Free Zocial Button Set: Social CSS3 Buttons

From Sam Collins
May 15th, 2012
14 Comments

The idea behind this project was to produce a consistent set of buttons that could be used for the range of social actions frequently taken in Web applications. These actions are often important goals for users, such as connecting third-party accounts or sharing content to third-party platforms, so their appearance ...

A Pure CSS3 Cycling Slideshow

From Alessio Atzeni
April 25th, 2012
67 Comments

Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers. But we must be careful to avoid abusing CSS3, not only because old browsers do not support all of its properties. In any case, we all see the potential of CSS3, ...

Beercamp: An Experiment With CSS 3D

From Tom Giannattasio
April 17th, 2012
57 Comments

This year’s experiment: a 3D pop-up book á la Dr. Seuss. If you haven’t seen it yet, hop on over and take a look. The website was a test to see how far SVG and CSS 3D transforms could be pushed. I learned a lot in the process and wanted ...

Adventures In The Third Dimension: CSS 3D Transforms

From Peter Gasston
January 6th, 2012
23 Comments

Back in 2009, the WebKit development team proposed a new extension to CSS that would allow Web page elements to be displayed and transformed on a three-dimensional plane. This proposal was called 3D Transforms, and it was soon implemented in Safari for Mac and iOS. About a year later, support ...

Six CSS Layout Features To Look Forward To

From Divya Manian
December 15th, 2011
39 Comments

A few concerns keep bobbing up now and then for Web developers, one of which relates to how to lay out a given design. Developers have made numerous attempts to do so with existing solutions. Several articles have been written on finding the holy grail of CSS layouts, but to ...

PrefixFree: Break Free From CSS Prefix Hell

From Lea Verou
October 12th, 2011
116 Comments

Editor’s note: This article is the first piece in our new series introducing new, useful and freely available tools and techniques presented and released by active members of the Web design community. Lea Verou is well-known for her experiments with CSS and JavaScript and in this post she presents ...

CSS3 Flexible Box Layout Explained

From Richard Shepherd
September 19th, 2011
22 Comments

The flexible box layout module — or “flexbox,” to use its popular nickname — is an interesting part of the W3C Working Draft. The flexbox specification is still a draft and subject to change, so keep your eyes on the W3C, but it is part of a new arsenal of properties that will revolutionize ...

The Guide To CSS Animation: Principles and Examples

From Tom Waterhouse
September 14th, 2011
45 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 ...

An Introduction To LESS, And Comparison To Sass

From Jeremy Hixon
September 9th, 2011
92 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. ...

An Introduction To CSS3 Keyframe Animations

From Louis Lazaris
May 17th, 2011
76 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 ...