Articles et actualités de la catégorie : Tutoriels illustrés

0 commentaire
Logo de Buxerolles transparent
Les animations prennent de plus en plus de place dans le Web actuel, notamment avec les progrès en matière de lecture du format SVG. Ce format vectoriel (non pixellisé, sans perte) est en vogue car il allie à la fois l'esthétisme, la performance et la polyvalence, et nous permet donc de créer des images d'une grande précision, avec possibilité de l'animer à sa guise. [...]

2 commentaires
Animation de mots (lettre par lettre), de fond et de scintillement en pur CSS
Les effets d'animation en pur CSS (sans javascript en arrière-plan) deviennent de plus en plus intéressants à réaliser au fil des progrès des navigateurs et du design. Cet article va tenter de résumer plusieurs effets de styles animés pour le fond d'écran, un texte et un soulignement, il dressera donc un mélange de plusieurs applications d'animations CSS avec @keyframes et la propriété animation, sous fond de dégradés. De quoi se mettre en appétit... ^^ [...]

2 commentaires
Effet slide menu ou swipe menu en Javascript natif et CSS 3
Et voilà un petit tutoriel technique pour débuter 2019 sur de bonnes bases. Quoi de mieux qu'un peu d'HTML, de CSS 3 et de Javascript Vanilla (natif) pour faire oublier le foie gras, les huîtres et autres mets gourmands ? Nous allons prendre le cas d'un menu latéral ergonomique et UX Design (un swipe menu ou un slide menu dans le jargon) pour présenter plusieurs concepts en un rien de temps : [...]

3 commentaires
Lazy Loading avec l'API Intersection Observer
Mettre en place du Lazy Loading est devenu essentiel en matière d'expérience utilisateur (UX Design) mais aussi pour booster le chargement des pages web. La technique du "chargement paresseux" existe depuis de nombreuses années mais nous allons présenter la méthode la plus en vogue actuellement (et dans un futur proche)... [...]

13 commentaires
Plugin de base AMP HTML pour WordPress : thème par défaut
Le projet AMP (Accelerated Mobile Pages) est une librairie HTML open source qui permet de considérablement accélérer les pages web sur les supports mobiles. Les pages en AMP HTML peuvent être chargées jusqu'à 4 fois plus rapidement que les pages web classiques, tout cela en chargeant jusqu'à 8 fois moins de données qu'habituellement. [...]
1 2