Html

Fullstack

Organizing Form Fields

Cet article traite de l'organisation des champs de formulaire dans Symfony 7. Il aborde la manière de définir l'ordre d'affichage des champs, d'utiliser des options de priorité et de personnaliser les mises en page des champs pour un affichage optimal. Des solutions aux problèmes d'alignement des boutons et à la gestion des erreurs sont également discutées, tout en proposant des améliorations pour rendre le formulaire plus convivial. Enfin, des exemples pratiques montrent comment implémenter ces conseils dans un projet Symfony.

symfonycasts.com

html
Dev front

Title, ce faux ami de l’accessibilité - 24 jours de web

L'utilisation de l'attribut sur les éléments web pose problèmes d'accessibilité même après des années. Ce texte explique ses usages, notamment pour les infobulles et les noms accessibles, tout en soulignant ses limites : non instantanées, inaccessibles sur mobiles et non adaptables aux besoins spécifiques des utilisateurs. Les bonnes pratiques en accessibilité doivent être mieux respectées pour garantir une expérience utilisateur équitable.

www.24joursdeweb.fr

html
Dev front

Exploring Large HTML Documents On The Web

Cet article explore la problématique des documents HTML volumineux sur le web, expliquant pourquoi certains sites chargent de grandes quantités de code HTML, souvent à cause d'images intégrées, de CSS en ligne et de l'état d'hydratation des applications JavaScript. Il met en lumière des pratiques comme l'encodage Base64 pour les images et les polices, qui, bien que pratiques, peuvent nuire à la performance en augmentant la taille de chargement des pages. Des exemples et des statistiques sur la compression et l'optimisation de ces tailles sont également fournis, soulignant l'importance d'une gestion efficace du contenu embarqué.

calendar.perfplanet.com

html
Autre

Framadate fait peau neuve : une nouvelle version plus moderne et mobile

Framadate, un outil de sondage en ligne, a été revampé pour offrir une meilleure ergonomie et une compatibilité mobile. La nouvelle version, Pollaris, conserve les fonctionnalités appréciées tout en modernisant l'interface et le code. Le développement a été un effort d'un groupe de bénévoles, visant à intégrer des fonctionnalités d'accessibilité et à optimiser l'expérience utilisateur. Framadate d'antan reste accessible jusqu'en janvier 2026 pour la création de sondages.

framablog.org

html
Dev front

An Interactive Guide to SVG Paths • Josh W. Comeau

Cet article propose un guide interactif sur l'utilisation des chemins SVG, en expliquant comment dessiner des formes en utilisant des commandes spécifiques comme 'M' pour déplacer le 'stylo' et des courbes Bézier. Il aborde la syntaxe des chemins SVG et donne des conseils pour rendre cette syntaxe plus compréhensible. En plus de sa structure de base, l'article décrit comment utiliser des courbes quadratiques et cubiques, ainsi que les subtilités de l'utilisation de commandes en minuscules et en majuscules.

www.joshwcomeau.com

html
Dev front

A Friendly Introduction to SVG • Josh W. Comeau

Cet article présente une introduction amicale aux SVG (Scalable Vector Graphics), une technologie d'illustration puissante et dynamique intégrable dans le développement web. L'auteur explique les fondamentaux des SVG, leur intégration dans des documents HTML, et la façon d'utiliser CSS et JavaScript pour manipuler et animer des éléments SVG. Des exemples de formes basiques (lignes, rectangles, cercles, ellipses et polygones) sont fournis pour illustrer comment créer et styliser des graphiques vectoriels.

www.joshwcomeau.com

html
Dev front

Vendor locked - stitcher.io

L'article discute des défis d'un développeur frontend face à l'utilisation de Tailwind, expliquant comment cela a affecté sa capacité à écrire du CSS de manière traditionnelle. L'auteur exprime ses inquiétudes quant à la dépendance à cet outil et souhaite un système qui allie la simplicité de Tailwind avec les propriétés CSS standardisées, tout en maintenant une approche basée sur les composants pour la conception frontend.

stitcher.io

html
Dev front

The Tab Trap: Why Forcing New Tabs Is Bad UX

Cet article explique pourquoi l'utilisation de 'target="_blank"' pour ouvrir des liens dans de nouveaux onglets peut nuire à l'expérience utilisateur, briser l'accessibilité, et introduire des risques de sécurité. Les utilisateurs s'attendent à contrôler leur navigation, et forcer l'ouverture de nouveaux onglets peut engendrer de la confusion. De plus, cette pratique expose à des vulnérabilités telles que la manipulation de la page source par des pages liées malveillantes. L'article propose des alternatives et souligne l'importance d'informer visuellement les utilisateurs sur ce comportement.

sensiolabs.com

html
"
Dev back

Ce que les paradigmes de programmation disent vraiment

L'article aborde la notion que tous les langages de programmation sont équivalents en théorie, mais en pratique, ils diffèrent par leur syntaxe, leurs fonctionnalités et leur écosystème. Il analyse les paradigmes de programmation : déclaratif, impératif et fonctionnel, en expliquant comment ils influencent la manière dont on écrit et comprend le code. Les choix de langage sont liés à des contextes politiques et culturels, et chaque paradigme a des usages spécifiques et des implications sur la façon de résoudre des problèmes de programmation.

www.arsouyes.org

html
Dev front

Pico CSS • Minimal CSS Framework for semantic HTML

Pico CSS est un framework CSS minimaliste et léger, conçu pour offrir une syntaxe sémantique. Il permet de créer des designs réactifs et élégants avec peu de classes et sans dépendances, offrant des styles élégants uniquement avec du HTML pur. Il propose également des fonctionnalités comme la prise en charge de plusieurs modes de couleur et une personnalisation via plus de 130 variables CSS.

picocss.com

html