Découvrez les principaux modèles de conception frontend pour 2026, incluant le développement piloté par les composants avec la méthode Atomic Design, les requêtes de conteneur pour des designs adaptatifs, l'utilisation d'outils IA pour les workflows de conception, et l'optimisation des performances avec le chargement paresseux et le découpage de code. Ces modèles visent à améliorer l'efficacité, la cohérence et l'expérience utilisateur, tout en réduisant les temps de développement. Un guide essentiel pour les développeurs frontend.
Les stratégies en question :
- prefetching
- memoization
- concurrent data fetching
- lazy loading
le tout illustré par des exemples en React ou en PHP
Tout est dans le titre
Un article complet (bien qu'ancien, 2016) sur la performance web : site statique, choix du format d'image (et utilisation de la balise picture pour le responsive), animations svg, web fonts avec quelques astuces, lazy loading (avec une astuce pour Apache), css critique, cache, etc. (via https://stephaniewalter.design/fr/blog/semaine-pixels-5-aout-2016/ )
Tout est dans le titre
L'auteur explique pas-à-pas une technique pour faire du lazy loading des images d'un site web. Il part d'une approche "brute de décoffrage" qu'il affine ensuite, notamment par l'utilisation de l'API IntersectionObserver.
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre (via https://damien.pobel.fr/post/veille-semaine-13-2019/ )
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre (via https://www.creativejuiz.fr/blog/ressources-telechargements/les-ressources-du-web-38 )
Tout est dans le titre
When building a responsive website or app, jQuery can be of great help. In fact, it can take the whole mobile user experience to a new level. In this article, I have compiled my favorite jQuery tips and tricks for making and enhancing responsive sites.