Tag Archives: css3

Modernizr: the feature detection library for HTML5/CSS3

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Modernizr makes it easy for you to write conditional JavaScript and CSS to handle each situation, whether a browser supports a feature or not. It’s perfect for doing progressive enhancement easily. Modernizr runs quickly on page load to detect features; it then creates a JavaScript object with the results, and adds classes to the html element for you to key your CSS on. Modernizr supports dozens of tests, and optionally includes YepNope.js for conditional loading of external .js and .css resources.

Modernizr: the feature detection library for HTML5/CSS3

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Modernizr makes it easy for you to write conditional JavaScript and CSS to handle each situation, whether a browser supports a feature or not. It’s perfect for doing progressive enhancement easily. Modernizr runs quickly on page load to detect features; it then creates a JavaScript object with the results, and adds classes to the html element for you to key your CSS on. Modernizr supports dozens of tests, and optionally includes YepNope.js for conditional loading of external .js and .css resources.

CSS3 Horizontal Accordion Demo

This accordion slider has been built using pure CSS and no JavaScript has been used. It can be used as a gallery (video or image), product tour, portfolio showcase, content slider etc. There are three examples and they support all modern browsers including IE7+. Transitions work in Chrome4+, Safari 4+, Opera 10.5+, Firefox 4+ and IE9+. The accordion is fired by :hover pseudo class, however you can easily add a click function with javascript. You can download the examples and use them in any kind of projects without any licence issue.

CSS3 Horizontal Accordion Demo

This accordion slider has been built using pure CSS and no JavaScript has been used. It can be used as a gallery (video or image), product tour, portfolio showcase, content slider etc. There are three examples and they support all modern browsers including IE7+. Transitions work in Chrome4+, Safari 4+, Opera 10.5+, Firefox 4+ and IE9+. The accordion is fired by :hover pseudo class, however you can easily add a click function with javascript. You can download the examples and use them in any kind of projects without any licence issue.