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

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.

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.

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.

Six Revisions nous propose un tutoriel simple et très rapide sur l’incrustation de texte en CSS3 (inset typograhpy). En fait c’est en utilisant les ombres (propriété text-shadow de CSS3) que l’on peut donner l’impression à un texte d’être incrusté dans le fond. Le tour est joué en une seule ligne de CSS.

Vous vous rappelez sûrement de cet article sur findmebyip.com qui nous proposait un tableau de compatibilité entre les différents navigateurs et les nouveaux standards HTML5 et CSS3. Et bien ce tableau a été mis à jour, réorganisé par langage et type de propriété.

Voici 2 liens afin de vous fournir un maximum d’informations sur le HTML5 et CSS3. Un tas de tutoriels et ressources au menu (plus de 120) afin de maîtriser au mieux ces deux langages (ou de commencer à les apprendre).

Tutorialzine nous offre un très bon tutoriel pour créer de beaux sliders en CSS3 combiné à du jQuery. Dans l’exemple présenté, ces sliders font s’agrandir des barres sur un graphique. Le rendu est très joli et peut être facilement intégré à votre site.

CSS3 Generator est un outil très simple et à la fois très pratique qui vous permettra de générer des bouts de CSS3 à intégrer directement dans votre feuille de style. Vous définissez vos paramètres pour une ombre par exemple, et CSS3 Generator se charge de générer le code CSS automatiquement avec un aperçu et le récapitulatif des navigateurs compatibles avec la propriété sélectionnée.

Envie de créer un menu de navigation original, dynamique et efficace ? Voici 7 liens qui vous donneront l’inspiration et les moyens d’arriver à vos fins