Comment créer un rebond automatique avec collision en jQuery ?
Savoir créer des animations en Javascript ou jQuery est toujours intéressant, notamment depuis la chute indéfinie de Flash qui prenait à cœur cette tâche. Plusieurs techniques sont disponibles pour...
View ArticleCréer une animation manuelle au clavier en jQuery avec gestion des collisions
Dans le tutoriel précédent, nous avons appris à créer une animation automatique sans gestion des mouvements. Dans ce second tutoriel du même acabit, nous allons créer une animation entièrement gérée au...
View ArticleOptimiser parfaitement WordPress pour les mobiles avec AMP HTML
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...
View ArticleCréer des loaders qui suivent le défilement (scroll) des pages avec jQuery et...
Les loaders (barres de chargement, cercle de chargement...) sont très nombreux sur le web mais beaucoup sont réalisés par des webdesigners en Gif et ne s'appuient pas sur des valeurs variables. Il...
View ArticleFaire du Lazy Loading avec l’API Intersection Observer (Javascript)
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...
View ArticleCréer un menu latéral (swipe menu) avec Touch Events et Click en CSS 3 et...
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...
View ArticleCréer une animation de fond et de texte (lettre par lettre) en CSS (sans...
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...
View ArticleEffet de texte : animer un SVG avec CSS
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...
View Article