Les marges en CSS semblent assez simples à première vue : Appliquées à un élément, elles forment un espace autour de lui en repoussant les autres éléments. Cependant il y a quelques subtilités qu’il faut noter pour les marges CSS Une marge semble être une chose assez simple, cependant, dans Lire la suite…
Faire des triangles CSS (ou des flèches CSS) est une tâche assez courante de l’interface utilisateur. Si vous voulez construire une infobulle ou n’importe quel menu déroulant, il est possible, voire probable que vous en ayez besoin. Il y a des cas où vous voulez connecter deux éléments visuellement – Lire la suite…
Nous avons toute une sélection de façons d’aligner les choses en CSS aujourd’hui, et ce n’est pas toujours une décision évidente que d’utiliser. Cependant, savoir ce qui est disponible signifie que vous pouvez toujours essayer quelques tactiques si vous rencontrez un problème d’alignement particulier, que ce soit de l’alignement vertical Lire la suite…
L’équipe de Chrome a annoncé une nouvelle fonctionnalité appelée Chrome Lite Pages qui peut être activée via l’option Data Saver sur un appareil Android : Chrome sur la fonction Data Saver d’Android aide en optimisant automatiquement les pages Web pour les rendre plus rapides à charger. Lorsque les utilisateurs sont Lire la suite…
Le Document Object Model, ou “DOM”, est une interface pour les pages web. Il s’agit essentiellement d’une API pour la page, permettant aux programmes de lire et de manipuler le contenu, la structure et les styles de la page. Décomposons tout ça. Comment se construit une page Web ? La Lire la suite…
Essayons de répondre à cette question avec des points rapides plutôt que de longues explications. Il y a beaucoup de similitudes entre flexbox et grid, à commencer par le fait qu’ils sont utilisés pour la mise en page et beaucoup plus puissants que n’importe quelle technique de mise en page Lire la suite…
Depuis la sortie de la spécification CSS3, les transitions permettent aux concepteurs Web et aux développeurs Web frontaux de créer des animations étonnantes sans utiliser JavaScript. Dans cet article, nous passerons en revue 5 exemples étonnants et prêts à l’emploi de ce que vous pouvez faire avec les transitions CSS3. Lire la suite…
Les images sont essentielles pour chaque site Web et chaque application aujourd’hui. Qu’il s’agisse de bannières publicitaires, d’images de produits ou de logos, il est impossible d’imaginer un site Web sans images. Malheureusement, les images sont de grande taille, ce qui en fait le principal contributeur à la taille de Lire la suite…
Fin d’année 2017, HTML 5.2 est devenu une recommandation officielle du W3C (REC). Quand une spécification atteint le stade REC, cela signifie qu’elle a reçu l’approbation officielle des membres du W3C et du directeur, et que le W3C recommande officiellement son déploiement par les agents utilisateurs, et sa mise en Lire la suite…
De nos jours, de plus en plus de personnes utilisent leur téléphone pour naviguer sur le Web. Il est donc d’autant plus important que les sites web soient réactifs. La plupart des sites Web utilisent des vidéos YouTube, des cartes Google ou d’autres éléments de sites Web externes. Ces fonctions Lire la suite…