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





  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Si vous avez apprécié cet article, s’il vous plait, prenez le temps de laisser un commentaire
ou de souscrire au flux afin de recevoir les futurs articles directement dans votre lecteur de flux.

Laisser un Message