Tag Archives: CSS 3

Creating Shapes in Pure CSS

One of the best things about CSS 3 is that it reduces the need to use images in your designs. That means fewer HTTP requests, few bytes to download and fewer files to keep track of. Need rounded corners? That’s pure CSS now. How about drop shadows? Yes, pure CSS. The infinity symbol? Actually yes, [...]

HTML5

Popular HTML5 Boilerplate Releases v2.0

The developers behind HTML5 Boilerplate have released version 2.0 of their boilerplate HTML, CSS and JavaScript templates for quickly prototyping HTML5 designs.
You can grab a copy of HTML5 Boilerplate v2.0 from the HTML5 Boilerplate website.
Version 2.0 of HTML5 Boilerplate has several significant changes, including ditching the traditional reset stylesheet for normalize.css. Normalize is a [...]

Web Basics

Adobe Envisions Brave New World of Web Layouts With ‘CSS Regions’

It’s cold here in the Webmonkey offices, Adobe has unveiled a web browser. No, Adobe isn’t really getting into the web browser game, but it does have a few tricks it would like to show off to the world. Adobe’s new demo web browser exists solely to demonstrate the company’s proposed CSS Regions layout tool.
If [...]

Visual Design

CSS 3 Brings Iconic Mad Men Titles to Life on the Web

Web developer Anthony Calzadilla has recreated the opening title sequence of AMC’s Mad Men using only CSS 3 animations and some carefully crafted images. The result is an impressive showcase of what you can do with the animation powers available in CSS 3.
Head on over the official Mad Manimation demo and click the “Watch” link. [...]

Web Standards

Speed Up Your Website With CSS 3

The drive behind the adoption of new web technologies often revolves around experimentation — developers use HTML5 or CSS 3 because it’s something new and exciting. That experimental drive is great for pushing boundaries and discovering cool new possibilities. But there’s another, more practical reason, to start using the newest features of the web, particularly [...]