HTML5 Shelf

HTML5 Shelf

Why scour the web for the latest and cool information on HTML5 and related technologies? Let HTML5 Shelf curate the good stuff for you.


You can scroll the shelf using left and right keys

Fluid Squares is a mobile-first, HTML5 fluid grid framework whose units remain square and uses CSS3 Media Queries.

Fluid Squares is a mobile-first, HTML5 fluid grid framework whose units remain square and uses CSS3 Media Queries.

08.11.11 | 10 notes | responsive web design html5 css3 media-queries

The good folks at Speckyboy are making a single-page scrolling portfolio template available for free that uses HTML5 semantic tags and CSS 3 styling.

The good folks at Speckyboy are making a single-page scrolling portfolio template available for free that uses HTML5 semantic tags and CSS 3 styling.

13.07.11 | 8 notes | html5 css3 tools

CSS3 Generator gives a visual generator for CSS3 stylings. Manipulate the stylings, see the preview and get the resultant code easily.

CSS3 Generator gives a visual generator for CSS3 stylings. Manipulate the stylings, see the preview and get the resultant code easily.

11.07.11 | 7 notes | css3 tools

Respond.js

28.06.11 | 2 notes | css3 media-queries tools

“A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).”

CSS Lint is a linting tool that will help guide you to creating good CSS coding. Nicole Sullivan is one of the team members who helped build it. She is well known for her work with Facebook.

CSS Lint is a linting tool that will help guide you to creating good CSS coding. Nicole Sullivan is one of the team members who helped build it. She is well known for her work with Facebook.

27.06.11 | 21 notes | css3 tools

CSS 3.0 Maker is a clever tool which allows you to easily create the CSS code for a variety of features such as border radius and transforms.

CSS 3.0 Maker is a clever tool which allows you to easily create the CSS code for a variety of features such as border radius and transforms.

12.06.11 | 16 notes | css3 tool

A Book Apart’s latest book is Responsive Web Design by Ethan Marcotte. If you want to learn how to make your website responsive to device capabilities and eschew horrible browser detection, this book is a quick read to get you up-to-speed quickly.

A Book Apart’s latest book is Responsive Web Design by Ethan Marcotte. If you want to learn how to make your website responsive to device capabilities and eschew horrible browser detection, this book is a quick read to get you up-to-speed quickly.

12.06.11 | 12 notes | html5 news css3

Updated CSS Snapshots for 2010, 2007

12.05.11 | 7 notes | news w3c css3

From the W3C:

“The Cascading Style Sheets (CSS) Working Group has published updates to two Group Notes: Cascading Style Sheets (CSS) Snapshot 2010 and Cascading Style Sheets (CSS) Snapshot 2007. These documents collect into one definition all the specs that together form the current state of Cascading Style Sheets (CSS) as of the indicated year. The primary audience is CSS implementors, not CSS authors, as this definition includes modules by specification stability, not Web browser adoption rate. Learn more about the Style Activity.”

Smooth Fading Image Captions with Pure CSS3 is a tutorial that walks you step-by-step to create professional looking image captions.

Smooth Fading Image Captions with Pure CSS3 is a tutorial that walks you step-by-step to create professional looking image captions.

28.03.11 | css3

See a Spiderman cartoon built with jQuery and HTML5. Also be sure to check out the tutorial.

See a Spiderman cartoon built with jQuery and HTML5. Also be sure to check out the tutorial.

08.03.11 | css3 showcase

The Less Framework is a CSS grid system that uses CSS3 media queries that across devices and yes, even the framework page adheres to responsive design.

The Less Framework is a CSS grid system that uses CSS3 media queries that across devices and yes, even the framework page adheres to responsive design.

10.02.11 | css3 media-queries

Sencha Animator is a tool in preview which is currently free that allows you to create CSS3-based animations. They also are creating a version for creating interactive, rich ads.

Sencha Animator is a tool in preview which is currently free that allows you to create CSS3-based animations. They also are creating a version for creating interactive, rich ads.

02.02.11 | 1 note | html5 tools css3

The website Media Queries is a gallery of websites that use CSS3 Media Queries to create responsive web design where the rendering of a web page can be defined by the device used to consume it.

The website Media Queries is a gallery of websites that use CSS3 Media Queries to create responsive web design where the rendering of a web page can be defined by the device used to consume it.

28.01.11 | css3 media-queries

Zen Audio Player is a simple and elegant single song HTML5 player. Although right now it is a demo, the code which uses jPlayer is on github.

Zen Audio Player is a simple and elegant single song HTML5 player. Although right now it is a demo, the code which uses jPlayer is on github.

27.01.11 | css3 html5 audio

Pure CSS3 box-shadow page curl effect

16.01.11 | css3 box-shadow

Create realistic page curl effects with just CSS3 box-shadow.