Adding Motion into Web Design with Animate.css

Lots of frontend web developers have been getting interested in dynamic interfaces using motion effects. This is all too common with many advancements within popular JavaScript libraries. But there has also been a lot of interest in CSS3 animated effects. By Team Tree House

Create 3D clouds in CSS

This tutorial will show you how to use 3D transforms in CSS to create sprite-based realistic 3D clouds. By Crazy Leaf Design

20+ HTML5 Tutorials, Resources & Tips

HTML5 offers plenty of potential for web designers and developers, especially when combined with CSS3. The possibilities of HTML5 are exciting, and many designers/developers have been creating amazing things that weren’t possible with HTML and CSS in the past. By Vandelay Design

How To Build A Real-Time Commenting System

The Web has become increasingly interactive over the years. This trend is set to continue with the next generation of applications driven by the real-time Web. Adding real-time functionality to an application can result in a more interactive and engaging user experience. By Smashing Code

A Pure CSS3 Cycling Slideshow

Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers. By Smashing Coding

CSS Sprites Revisited

While the theory behind CSS sprites is easy enough and its advantages are clear, they still prove to be too bothersome to implement, especially when time is short and deadlines are looming. By Smashing Coding

Beercamp: An Experiment With CSS 3D

If you’re unfamiliar, Beercamp is a party for designers and developers. It’s also a playground for front-end experimentation. By Smashing Coding

8 useful CSS tools for developers

Writing better CSS is something web designers and developers should struggle for, and luckily there are some useful tools on the web to help out. By WDF

Useful CSS Cheats To Simply Web Development

CSS cheats are helpful to save your time and also to learn css in an easy way. Always care when you write css to make sure it works in IE7, 8 and 9. CSS cheats simplify your coding and helpful in learning. By Creative Bumps

CSS3 Image Styles

This CSS3 trick is to wrap the image with a span tag and apply the image as background-image. By Web Designer Wall

How to Create a CSS3-Only Tab Control Using the :target Selector

You’ll find many CSS3-only tab controls throughout the web. However, many have issues such as:

-not displaying any tab content if you link to the page without a hash selector, i.e. you link to mypage.html rather than mypage.html#tab1.

-not highlighting the active tab.

By SitePoint

7 mistakes developers make

Great websites always seem to combine great design with great code. Since building a website is a pretty simple task you find many people learn HTML and CSS and figure that if they can learn that then they can design any website they want. By Webdesigner Depot

Smashing Magazine Six CSS Layout Features To Look Forward To

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. By Divya Manian

Are You Using CSS3 Appropriately?

CSS3 is exciting. When it was introduced, it seemed like the untapped potential of Web Design was finally unlocked. By Delwin Campbell

Fold out popups

The trick with using hidden checkboxes/radio buttons, the :checked pseudo class selector, and adjacent sibling (~) combinators really enables some neat functional possibility with pure CSS. By CSS-Tricks

From Monitor To Mobile: Optimizing Email Newsletters With CSS

HTML email has a reputation for being a particularly tough design medium. So tough, in fact, that many designers regard coding and testing even the simplest email design to be almost as bad as fixing display quirks in Internet Explorer 6, and only slightly better than a tooth extraction. By Ros Hodgekiss

The Semantic Grid System: Page Layout For Tomorrow

 

CSS grid frameworks can make your life easier, but they’re not without their faults. Fortunately for us, modern techniques offer a new approach to constructing page layouts. By Tyler Tate

Learning To Use The :before And :after Pseudo-Elements In CSS

If you’ve been keeping tabs on various Web design blogs, you’ve probably noticed that the :before and :after pseudo-elements have been getting quite a bit of attention in the front-end development scene — and for good reason. By Louis Lazaris

Create An HTML/CSS Mobile Web App Using Sencha Touch

The world of mobile app development is quickly becoming a crowded and complicated space, especially for those outside of the development niche. “Which development platform should I use?” “Do I go native or Web-based?” “Which devices should I plan for?” “Can I build my mobile website by hand or should I use a pre-built package?” The questions are endless. By Jen Gordon

How to Create Diagonal Lines with CSS

A step-by-step process for creating diagonal lines with CSS. By Jeffrey Way