Html

Dev front

Choisir entre balance et pretty pour text-wrap

Cet article présente les nouvelles propriétés CSS pour la gestion de l'enveloppement du texte via la valeur 'text-wrap' du CSS Text Module Level 4. Deux valeurs, 'balance' et 'pretty', sont détaillées pour équilibrer le texte dans un conteneur, avec des recommandations d'utilisation selon le contexte. Les performances et la compatibilité navigateur sont également abordées.

Autre

Les easter eggs sur le web

Cet article explore le concept des easter eggs dissimulés dans le code source des sites web, souvent à destination des développeurs. Il présente plusieurs exemples d'organisations qui cachent des messages ou des art ASCII, et explique comment certains fichiers comme robots.txt ou humans.txt peuvent contenir de tels messages. L'article fournit également des astuces pour intégrer des easter eggs dans vos propres projets, tout en évoquant le Code Konami et d'autres méthodes ludiques pour interagir avec les utilisateurs via la console du navigateur.

Dev front

Dialog, Modal, Popover : la synthèse

L'article présente les différentes notions liées aux éléments dialog, modal et overlay en HTML, en expliquant leurs caractéristiques, leur fonctionnement, et l'importance de l'accessibilité et de la gestion des interactions utilisateur sur une page web. Il décrit notamment les différences entre éléments modaux et non-modaux, ainsi que les techniques pour gérer l'inertie du contenu lors de l'affichage d'éléments de type overlay.

Autre

Pixels et Bretzels la 100e

Pixels & Bretzels célèbre sa 100e édition avec un événement festif le 19 mars 2024 à Strasbourg. Au programme, des conférences, des quiz et des lots à gagner pour renforcer la communauté. Inscription via le site HelloAsso.

Dev front

Les modes d'apparence Light mode et Dark mode

L'article explique le concept du mode sombre (dark mode) et ses bénéfices pour réduire la fatigue visuelle et la consommation d'énergie. Il aborde les façons d'activer cette fonctionnalité sur différents systèmes (Windows, MacOS) et dans les navigateurs (Firefox, Chrome), ainsi que l'utilisation des Devtools pour les développeurs. Il détaille aussi les couleurs système qui s'adaptent automatiquement au thème. Enfin, l'article parle de media queries pour détecter les préférences d'apparence de l'utilisateur et l'importance d'offrir aux utilisateurs la possibilité de choisir leur thème.

Dev front

URL, URI, URN, quelles différences ?

L'article explique la différence entre URL, URI et URN, décrivant leur fonction et leur structure. L'URL sert d'adresse pour les ressources sur le web, l'URN identifie des ressources par leur nom sans spécifier comment y accéder, tandis que l'URI est le terme général qui englobe les deux. L'auteur évoque également l'invention des URL par Tim Berners-Lee et leur standardisation dans les RFC. Enfin, il souligne l'importance des URL bien structurées pour le référencement.

Dev back

A love letter to Golang

Cet article présente les raisons pour lesquelles l'auteur est tombé amoureux de Golang après avoir commencé dans le développement frontend. Il souligne la simplicité de la syntaxe, l'efficacité des solutions convergentes dans la communauté Go, et la puissance de la bibliothèque standard, tout en Argant que Go facilite le développement d'applications full-stack. L'auteur exprime également sa frustration à propos des complexités des bibliothèques modernes telles que React, la transition vers des composants fonctionnels, et la difficulté d'expression individuelle dans le code Go, le qualifiant de pratique et motivant.

Dev front

Text Truncation with Ellipsis on Multiple Lines | 56kode

L'article traite de la troncation de texte avec des ellipses sur plusieurs lignes, en expliquant comment gérer l'affichage du texte long dans des espaces limités. Il présente des méthodes classiques pour tronquer le texte en une seule ligne, ainsi que des solutions pour les lignes multiples, en utilisant des propriétés spécifiques à WebKit et des solutions de repli pour les navigateurs non pris en charge. Ces techniques permettent de créer une solution robuste pour le rendu de texte tronqué sur différentes plateformes.

Dev front

GSAP Basics: Dive into Web Animations

Cet article présente les bases de GSAP (GreenSock Animation Platform), une bibliothèque JavaScript permettant de créer des animations web complexes et performantes. Il aborde les concepts clés tels que les 'tweens' et les 'timelines', tout en fournissant des exemples pratiques de syntaxe pour animer des éléments de façon fluide et contrôlée. GSAP est mis en avant pour sa facilité d'utilisation et ses fonctionnalités avancées, rendant l'animation plus accessible aux développeurs.