Article de designmodo qui regroupe 20 designs de formulaires, réalisés en CSS3 et HTML/HTML5.
Ça vous permettra de gagner du temps dans vos développements et surtout vous donnera des idées de designs.
Il y a des formulaires d’enregistrement, de contact, d’identification, de commentaires, etc…
Formulaire CSS / HTML
Dans le développement web, il est important de vivre avec son temps et suivre les dernières évolutions. Vous trouverez à l’adresse ci cessous des liens vers 40 templates / modèles gratuits en HTML5 et CSS3.
http://www.noupe.com/design/40-beautiful-free-html5-css3-templates.html Lire la Suite
Voici une liste de 5 jeux réalisés en HTML5
script-tutorials.com nous a concocté un tutoriel qu’ils appellent ‘Texte 3D’.
Pour moi c’est juste un effet de texte, tel qu’on peut faire sous photoshop : le texte est orienté en arrondi jusqu’à former un cercle.
Ils ont ajouté une effet de d’ombre qui donne un peu de relief .
La fonctionnalité intéressante est l’animation du texte possible.
Voir la Démo texte arrondi en HTML 5
Les fichiers sources sont à télécharger à cette URL
Red-team a rédigé un tuto permettant de créer une infobulle avec jQUery : c’est une bulle d’aide qui apparait au roll-over de la souris, souvent sur les liens ou dans les formulaires.
Il y a des dizaines de tutos déjà sur le net mais je trouve que ce script a un rendu assez design et la bulle apparait d’une manière très fluide.
C’est en CSS3 et HTML5.
J’ai testé sous Firefox 8, Google Chrome 15 et Internet explorer 8 : sous IE l’apparition et la disparition est instantanée sans transition , comparée aux deux autres navigateurs.
La démo : red-team-design.com/wp-content/uploads/2011/11/easy-css3-jquery-tooltips-demo.html
Lire la Suite
Un tuto sur script-tutorials.com qui permet de créer pas à pas des boutons en CSS3 animé : animations visuelles sur le roll-over ou expansion pour faire apparaitre du texte ou un input type text.
La démo
La page 404, qui est une page web qui est affichée si une URL est inexistante sur votre site est souvent baclée.
Vous trouverez sur le site netmagazine.com un tutorial pour réaliser une page 404 du plus bel effet en CSS3
La démo est disponible à cette adresse : http://www.netmagazine.com/files/tutorials/demos/2011/06/create-a-404-page-with-css3-animations/demo/demo.html