RGweb.fr : Le blog de Rémi Garcia sur l'actualité du web, le webdéveloppement, le webdesign, webmarketing, SEO, inspiration, ...

William Malone à créé un article très bien fait afin d’apprendre à dessiner en utilisant les canvas en HTML5. Le code est détaillé et très bien expliqué. Vous apprendrez à créer un panneau attention sans image, uniquement avec un canvas HTML5 et du code JavaScript permettant de dessiner à l’intérieur.

Columnizer est un petit plugin jQuery très intéressant et utile qui permet de scinder en plusieurs colonnes le contenu d’un bloc. En attendant la compatibilité avec tous les navigateurs des propriétés column de CSS3 (-webkit-column-count, -moz-column-count, …), on pourra utiliser ce plugin jQuery qui est facile d’utilisation et compatible avec tous les navigateurs.

Smashing Buzz à sélectionné 30 des meilleurs tutoriels sur le webdesign. Au programme : comment créer un webdesign professionnel, créatif, simple, grunge, texturé ou sombre, etc. Cet article est très intéressant pour trouver l’inspiration mais aussi pour apprendre à créer le design d’un site de A à Z.

Le site Onextrapixel.com nous propose la première partie, quand même très fournie, de son tutoriel permettant de créer un site entier, avec un design très agréable, seulement avec HTML5 et CSS3. Aucune image n’est donc présente comme vous pouvez le voir sur la page de démonstration.

Voici un article très intéressant proposé par Speckyboy. Celui-ci regroupe les meilleurs outils vous permettant de tester vos applications mobiles (créées pour iPhone, Android, Blackberry, Palm Pre, Nokia, etc.). On y retrouve des logiciels sous Windows, Linux et Mac OS.

Tutorialzine propose un tutoriel très complet permettant de construire un formulaire d’inscription en CSS3 et jQuery. Le formulaire final est très stylé, façon « fibres de carbone », fonctionnel et accessible. On notera l’utilisation du jQuery pour la vérification des champs. Très bon tutoriel pour s’inspirer !

Cloud Four propose une petite astuce pour charger un CSS en fonction de l’orientation de l’iPad (portrait ou paysage) durant la navigation. Bien sûr pour les français il faudra attendre fin avril pour avoir ce petit joujou entre nos mains mais on peut déjà optimiser son site pour la tablette d’Apple et le tester sur ipadpeek.com.

Jon Combe nous fait une jolie démonstration de HTML5 et jQuery en nous présentant une horloge analogique et numérique rotative. Le tout n’utilise donc que le HTML5, jQuery, CSS3 et quelques images. Les fonctions de transformation (rotation) de CSS3 sont aussi utilisées. Le résultat est plutôt impressionnant !

Petit tutoriel par CSS-TRICKS permettant de créer des textes en 3D juste avec CSS3. La méthode est simple : créer plusieurs ombres sur le texte (avec la propriété text-shadow de CSS3). On nous propose aussi d’animer la perspective en faisant apparaître petit à petit ces ombres et créer un effet 3D progressif (avec les transitions webkit de CSS3). Le rendu est très sympa et très simple à réaliser.

PV.M Garage propose un article ultra complet vous montrant comment aller plus loin dans le webdesign de votre blog afin de l’améliorer, le rendre plus interactif, plus accessible, etc.