Rémi Garcia - Blog

Apprendre à se servir des canvas en HTML5

Rémi Garcia — Thu, 10 Jun 2010 08:49:04 +0000

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.

Ce tutoriel est une très bonne approche aux canvas et permet de s’y familiariser facilement.

Disposer simplement son contenu en plusieurs colonnes avec jQuery

Rémi Garcia — Fri, 04 Jun 2010 09:01:34 +0000

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.

Les 30 meilleurs tutoriels pour créer son webdesign de A à Z

Rémi Garcia — Fri, 04 Jun 2010 08:21:25 +0000

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.

Créer un site avec HTML5 & CSS3 sans aucune image

Rémi Garcia — Thu, 03 Jun 2010 07:34:12 +0000

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.

Ce tutoriel est très intéressant et permet donc de créer un template stylé et léger. A vous de jouer !

Des outils d’émulation et de test pour vos applis et webapps mobiles

Rémi Garcia — Thu, 15 Apr 2010 07:36:33 +0000

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. Vous trouverez aussi des logiciels et sites web permettant d’émuler vos webapps comme si vous étiez sur n’importe quel appareil mobile. Cet article est extrêmement utile pour les développeurs et web designers qui ont un ou des projets à destination de ces appareils portatifs qui constituent un pourcentage de plus en plus élevé des appareils utilisés pour naviguer.

Formulaire d’inscription en fibres de carbone : CSS3, jQuery

Rémi Garcia — Mon, 12 Apr 2010 14:37:08 +0000

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 !

Votre CSS en fonction de l’orientation de l’iPad

Rémi Garcia — Wed, 07 Apr 2010 13:52:07 +0000

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.

Une horloge analogique et numérique en HTML5 et jQuery

Rémi Garcia — Wed, 07 Apr 2010 12:22:44 +0000

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 !

Texte en 3D avec CSS3

Rémi Garcia — Wed, 07 Apr 2010 09:17:51 +0000

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.

Webdesign : Comment créer un meilleur blog

Rémi Garcia — Wed, 07 Apr 2010 07:23:11 +0000

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. Cet article reprend chaque partie du template (header, sidebar(s), footer, etc.) et vous explique, avec exemples à l’appui, comment le rendre plus attrayant. PV.M Garage n’hésite pas à aller dans le détail et je vous conseille de lire, ou au moins survoler cet article fort utile.