CSS3

CSS3 Please! The Cross-Browser CSS3 Rule Generator. Web Fonts. 12 Excellent CSS3 Button and Menu Techniques | Tutorials. 1139 shares 20 Fresh CSS3 Tutorials The design industry is probably one of the fastest changing and growing. Designers have to keep their eyes on everything, including new trends in visual design, as well as interaction technologies like jQuery, HTML5, and CSS3. Designers are using these technologies to express more creativity in design production and make user experience richer. In this… Read More 559 shares Developing Streamlined and Efficient CSS Styles CSS can be compared to the sculptor’s tool set when crafting a sculpture.

Responsive images using CSS3. Future CSS implementations should allow for some form of responsive images via CSS alone. This is an early idea for how that might be done. However, a significant drawback is that it would not prevent both “mobile optimised” and larger size images from being requested at larger screen resolutions. Note that the CSS presented here is not supported in any browsers at the time of writing. This method relies on the use of @media queries, CSS3 generated content, and the CSS3 extension to the attr() function. The principles are basically the same as those underpinning Filament Group’s work on Responsive Images. The source image is “mobile optimised” and the urls of larger size images are included using HTML data-* attributes.

Using CSS @media queries you can target devices above certain widths. CSS3 generated content allows you to replace the content of any element using the content property. Fork the Gist Unfortunately, there are a number of issues with this technique. Sass - Syntactically Awesome Stylesheets. CSS3 Generator. 3D Ribbon Generator - CSS3d.net.

CSS3 buttons by Chad Mazzola.