Il m’a fallu du temps pour comprendre de quoi il s’agissait, et pourquoi le concept devenait de plus en plus populaire. Les sites dits statiques (aussi appelĂ©s headless, ou serverless) ont connu une vĂ©ritable explosion en 2018. De quoi s’agit-il ? A la diffĂ©rence des sites dynamiques oĂč le contenu est gĂ©nĂ©rĂ© Ă la volĂ©e Ă chaque visite, les sites statiques sont de simples...
Comme tous les mĂ©tiers, le web a son lot de codes et d’abrĂ©viations. Voici une petite liste d’acronymes et abrĂ©viations souvent utilisĂ©es dans le dĂ©veloppements et le design pour le web. Web AMP : Accelerated Mobile Pages Un projet initiĂ© par Google visant Ă amĂ©liorer les performances et l’expĂ©rience utilisateur des sites mobiles.Voir : AMP : Comment ça marche ? AMP :...
Le protocole HTTP a Ă©tĂ© crĂ©Ă© au dĂ©but du Web, en 1997, et n’a quasiment pas bougĂ© depuis. En 2009, Google dĂ©cide de travailler sur SPDY, une proposition visant Ă amĂ©liorer les performances du protocole HTTP. C’est cette proposition qui a servi de base aux spĂ©cifications d’une nouvelle version de ce protocole, dĂ»ment nommĂ©e HTTP/2. Support navigateurs & serveurs Depuis fin...
Aujourd’hui je vous propose un nouveau type de contenu : les Twitter Fights ! Les dĂ©veloppeurs web ont l’art de s’Ă©charper sur Twitter pour dĂ©fendre leurs paroisses (Apple vs Microsoft, React vs Angular, SASS vs LESS…), et certaines de ces discussions mouvementĂ©es valent le dĂ©tour. Le tweet Ă l’origine de ce Twitter Fight concerne la polĂ©mique autour du CSS-in-JS...
En juillet 2018, Jack Lenox se lançait un dĂ©fi de prime abord curieux : dĂ©velopper le thĂšme WordPress le moins Ă©nergivore possible. Pour ne rien vous cacher, ma premiĂšre rĂ©action a Ă©tĂ© : đ. Encore un dĂ©veloppeur qui a beaucoup trop de temps libre ! J’ai tout de mĂȘme pris le temps de lire ses motivations sur son blog, et lĂ , rĂ©vĂ©lation : đČ. Je me dĂ©fini comme plutĂŽt Ă©colo, je privilĂ©gie les...
Les navigateurs rĂ©cents embarquent tous deux fonctionnalitĂ©s conçues pour amĂ©liorer le respect de notre vie privĂ©e : la navigation privĂ©e, et le mode DoNotTrack. Nous allons voir dans cet article ce que cela fait exactement, et si c’est vraiment efficace. Navigation PrivĂ©e Ce mode de navigation a Ă©tĂ© introduit en 2005 sur Safari, puis popularisĂ© en 2008 par Google Chrome. Il rend possible...
GrĂące aux web fonts, nous pouvons dĂ©jĂ utiliser des polices plutĂŽt complĂštes, avec diffĂ©rents niveaux de graisses et d’italique. Seul bĂ©mol, cela requiert Ă©normĂ©ment de fichiers, car chaque style typographique pour une police donnĂ©e nĂ©cessite son propre fichier. Pour des raisons de performance, les dĂ©veloppeurs ont tendance Ă n’embarquer que le strict minimum, au dĂ©triments du style...
Les arguments de qualitĂ© de vie et de productivitĂ© n’ont pas suffit Ă vous convaincre, vous ou votre employeur, d’adopter le tĂ©lĂ©travail ? Voici 4 arguments dĂ©montrant les bienfaits de ce mode de travail sur l’environnement. Carburant. En France, les trajets domicile/travail reprĂ©sentent 30% de la circulation routiĂšre. En tĂ©lĂ©travaillant simplement deux jours par semaine, un...
Le dev du coin vous tient au courant des derniĂšres avancĂ©es en matiĂšre de technos web et mobiles. Aujourd’hui, je vous prĂ©sente l’API Web Locks, une fonctionnalitĂ© Ă venir (probablement au cours de l’annĂ©e 2018) qui permettra au dĂ©veloppeur de synchroniser deux onglets ouverts sur le mĂȘme site. Quoi ? L’API Web Locks (specs) permet Ă une page de rĂ©clamer un « lock »...
Le dev du coin vous explique aujourd’hui un autre mot trĂšs hype : Redux. En bref, Redux c’est : Une façon de gĂ©rer les donnĂ©es d’une application. Un concept thĂ©orique, pas un framework. Pas exclusivement pour React. Redux, comment ça marche ? Le principe de Redux consiste Ă . Ce store est alors la seule source de donnĂ©e pour les composants UI. Si un composant est emmenĂ© Ă ...