Articles de la catégorie ‘Veille technologique’

Les microdatas en HTML5

Lire l'article 1

Microformats, microdata, nouvelle sémantique, nouveaux éléments HTML… Tant de nouveautés qui perturbent les intégrateurs web soucieux de se mettre à jour dans leurs compétences ou curieux de savoir ce dont ils peuvent déjà faire usage dans leurs intégrations.

HTML5 – Attribut translate

Lire l'article 7

HTML5 nous apporte l’attribut translate. Cet attribut permet de limiter l’impact d’une traduction par des outils tels que Google Translate en interdisant la traduction de certains contenus.
Ainsi le contenu de votre site web est composé avec davantage de précision. Voyons comment agir et sur quoi appliquer cet attribut.

CSS3 – Effet parallaxe (sans JavaScript)

Lire l'article 124

Retour des tutoriels CSS avec quelque chose d’un peu original pour cet article : un effet parallaxe uniquement en CSS3.
C’est à la suite de l’article de Simon Kern sur Alsacréations que m’est venue l’envie de tenter d’utiliser CSS pour reproduire cet effet initialement conçu avec JavaScript.

HTML5 – Web forms, les nouveaux éléments de formulaire

Lire l'article 7

HTML5 apporte son lot de nouveautés également dans nos bons vieux formulaires. Proposant historiquement un nombre assez limité de types de champs (text, password, file, radio, checkbox, submit, image, hidden, reset,button) et d’éléments de contrôle (<textarea>, <select>, <option> et <optgroup>, <button>), HTML5 vient bousculer nos habitudes en proposant de nouveaux types notamment.

Créer un système de notation référencé par Google

Lire l'article 42

Google affiche un certain nombre d’informations dans ces résultats de recherche. Un aperçu du site, un titre, une description et l’URL référencée est un assemblage assez classique. Des choses peuvent être rajoutées dans l’affichage, dont un système de notation (ou vote). Voyons voir comment procéder.

Les transitions en CSS3 – Mouseover et Mouseout sans JavaScript

Lire l'article 7

Manière un peu originale d’aborder les transitions, j’ai lu un article en anglais il n’y a pas longtemps qui proposait d’étudier les transitions sur l’événement hover en CSS.
Par défaut, la transition sur cet événement comme on a l’habitude de l’utiliser nous propose des effets équivalents au «mouseover» comme

Comment bien utiliser les animations en CSS3…

Lire l'article 3

… je crois…
CSS3 c’est bien, c’est neuf, mais comme c’est nouveau on a envie d’en mettre partout à toutes les sauces.
C’est beau tant d’enthousiasme, je suis comme cela aussi, mais j’essaye d’inviter Modération à la partie quand je le peux.

Sélecteur d’adjacence indirecte en CSS3

Lire l'article 14

Le sélecteur d’adjacence indirecte est peu connu en CSS.
Arrivé avec la nouvelle mouture CSS3, ce sélecteur vous permet de sélectionner d’un seul coup tous les frères d’un élément ciblé répondant à un sélecteur précis.
Voyons voir avec quelques exemples comment l’utiliser et quels sont ses effets.

CSS3 – :any() – pseudo-classe prometteuse et économe

Lire l'article 7

CSS3 nous apporte son lot de nouveautés, et parmi elles, un petit nouveau bien prometteur, et qui pourrait nous permettre pas mal d’économie de lignes de code.
Découvrons la pseudo-classe :any() ensemble, voyons comment il est possible de l’utiliser aux travers d’exemples plus ou

jQuery – Effet smooth scroll (défilement fluide)

Lire l'article 132

L’effet de scroll fluide est déjà intégré, en fonction de vos paramètres utilisateur, sur certains navigateurs. Il se manifeste par un défilement fluide de la page web lorsque vous descendez ou montez grâce à la molette de votre souris, ou les touches de votre clavier. Il est possible de générer cet effet au clic sur une ancre grâce à JavaScript.

Un volet coulissant en CSS3 grâce à transition et :target

Lire l'article 14

Un mois sans article ! Heureusement que les vacances me donnent une bonne excuse 🙂
Ce court article pour relayer un tutoriel diffusé sur Alsacréations qui vous permettra de créer un volet coulissant grâce à la pseudo-classe :target et à la propriété transition en CSS3.