background preloader


Facebook Twitter

Generateur css

The Current State of HTML5 Forms · Wufoo. JavaScript and HTML5 Forms Testing for Support If you intended to write JavaScript to mimic the functionality of HTML5 forms, you may want to first test the current browsers capability and write the JavaScript as a fallback.

The Current State of HTML5 Forms · Wufoo

On the right is how you might test for attribute support. More accurate feature testing can be done through the excellent JavaScript library Modernizr. Custom Validity Messages You can override the default validity error messages through JavaScript More JavaScript Fun HTML5 has a number of useful JavaScript methods for manipulating forms. CSS and HTML5 Forms Pseudo classes CSS3 has a number of new pseudo classes that can select form elements that are in particular states. The :not() selector isn't specific to forms, but is useful for selectors like :not([type=submit]) for selecting all inputs other than submit buttons. The :valid pseudo selector will select the legend element of a fieldset that contains a valid input in Safari 5. Attribute selectors Vendor Specific Stylings. Base. 21 listes pour Webdesigners.

CSS FrameWork

The Shapes of CSS. Using HTML5 To Transform WordPress’ TwentyTen Theme - Smashing Magazine. Last year, WordPress launched arguably its biggest update ever: WordPress 3.01.

Using HTML5 To Transform WordPress’ TwentyTen Theme - Smashing Magazine

Accompanying this release was the brand new default theme, TwentyTen2, and the promise of a new default theme every year. Somewhat surprisingly, TwentyTen declares the HTML5 doctype but doesn’t take advantage of many of the new elements and attributes that HTML5 brings. Now, HTML5 does many things, but you can’t just add <! Doctype html> to the top of a document and get excited that you’re so 2011. Mark-up, as they say, is meaning, and HTML5 brings a whole bunch of meaning to our documents. In a recent survey3 by Chris Coyier over at CSS-Tricks, almost two thirds of respondents said they would not use HTML5 in new projects. WordPress seems to sympathize with the majority of CSS-Tricks’ readers. 5The default TwentyTen WordPress Theme. For example, you’ve probably already heard of the <section> and <article> tags, both of which are champing at the bit to be embedded in a WordPress template.

Mordernizr.js … to: <? Perfect Full Page Background Image. By Chris Coyier On This post was originally published on August 21, 2009 and is now updated as it has been entirely revised.

Perfect Full Page Background Image

Both original methods are removed and now replaced by four new methods. The goal here is a background image on a website that covers the entire browser window at all times. Let's put some specifics on it: Fills entire page with image, no white spaceScales image as neededRetains image proportions (aspect ratio)Image is centered on pageDoes not cause scrollbarsAs cross-browser compatible as possibleIsn't some fancy shenanigans like Flash Image above credited to this site. #Awesome, Easy, Progressive CSS3 Way We can do this purely through CSS thanks to the background-size property now in CSS3. Works in: Safari 3+Chrome Whatever+IE 9+Opera 10+ (Opera 9.5 supported background-size but not the keywords)Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version) View Demo #CSS-Only Technique #1 Big thanks, as usual, to Doug Neiner for this alternate version. Here is the CSS: CSS-Tricks. Awesome Fontstacks.