Loading...
web2.0

Apprendre HTML5 CSS3 JQuery

Pour apprendre en ligne HTML5, CSS3 et un peu d’Ajax avec JQuery, voici quelques sites qui peuvent être utiles :

1- Rendera

CSS

  • CSS Cascade example(All browsers)
  • Shadows on boxes(Firefox 3.5+, Safari 4, Chrome)
  • Horizontal menu from a list(All browsers)
  • Shadows on headings(Firefox 3.5+, Safari 4, Chrome)
  • Multiple border colors on boxes(Firefox 3.5+)
  • Rounding Text Fields(Firefox 3.5+, Safari 4, Chrome)
  • Striping tables with CSS 3(Firefox 3.5+, Safari 4, Chrome)
  • Columns in CSS3(Firefox 3.5+, Safari 4, Chrome)
  • HTML 4 Floated 2-column Layout(All Browsers)
  • HTML 5 Floated 2-column Layout(All Browsers)
  • HTML headings(All browsers)
  • In place editing with ContentEditable(Firefox 3.5+, Safari 4+, Chrome)
  • Placeholder text on forms(Safari 4, Chrome)
  • HTML5 Audio(Firefox 3.5+, Safari 4+, Chrome)
  • A simple table(All browsers)
  • Some images from Flickr (All browsers)
  • New HTML form fields(Opera (some))
  • Append and Wrap (All browsers)
  • Simple AJAX GET request to grab the time.(All browsers)
  • jQuery dialog (All browsers)

2- Gradient Generator

Par exemple comment faire un bouton tout en CSS

Sample

Gradient Sample

Sample Button

Code

-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.08, rgb(2,151,187)),
    color-stop(0.54, rgb(28,182,225)),
    color-stop(0.42, rgb(56,219,255))
)
-moz-linear-gradient(
    center bottom,
    rgb(2,151,187) 8%,
    rgb(28,182,225) 54%,
    rgb(56,219,255) 42%
)
 border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

3- Font Face Generator

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *