Articles et actualités de la catégorie : Guides

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)... [...]

2 commentaires
Afficher ou parcourir un objet ou tableau multidimensionnel en PHP avec clé et valeur
Cela faisait si longtemps que je voulais présenter des exemples de récursivité (ou "récursion") que je profite de ce tutoriel vidéo pour vous en montrer un exemple fort pratique et intéressant en PHP : le parcours et l'affichage de l'ensemble des données d'un tableau à "n" dimensions, et quel que soit le type de valeur qu'il contient (objet, chaîne de caractère, booléen et numérique par exemple). [...]

4 commentaires
Effet Sticky jQuery sans plugin
Cela faisait un petit moment que je n'avais pas réalisé un tutoriel vidéo, alors voici une nouvelle idée de code simple pour vous amuser ou vous rendre service. Le mode Sticky est quelque chose de très en vogue dans les sites web, cela permet de "coller" des blocs fixes dans le viewport (fenêtre active) pour créer des effets ou pour améliorer le confort des utilisateurs. [...]
1 2 3