Css

Autre

Podcast "Quoi de neuf les devs ?" n°119

Le podcast "Quoi de neuf les devs ?" épisode n°119 propose une riche discussion sur des sujets variés comme DICOM, Rust, CSS, et Nuxt, incluant une interview avec Stephen Rees-Carter. Diverses rubriques sont présentées, abordant des conseils, des événements technologiques, et des ressources pour les développeurs, tout en intégrant des retours des auditeurs et des recommandations de formations.

Dev front

Balancing Text In CSS

Cet article discute des défis de l'équilibrage du texte dans les navigateurs par rapport aux outils de conception comme Figma. Il propose des solutions CSS telles que 'text-wrap: balance', disponible depuis 2024, pour améliorer l'apparence du texte et résoudre des problèmes tels que les mots orphelins. Il mentionne également les valeurs 'pretty' et 'stable' de 'text-wrap', ainsi que leurs limitations en termes de compatibilité et de performance.

Dev front

Exploring the browser rendering process | Little Things

Cet article explore le processus de rendu d'un navigateur, depuis la saisie d'une URL jusqu'à l'affichage d'une page web. Il détaille les étapes clés telles que la résolution DNS, l'établissement des connexions TCP et TLS, ainsi que le cycle de requête/réponse HTTP. L'auteur utilise des démonstrations interactives pour expliquer ces processus complexes, mettant en lumière les interactions entre les différents protocoles et étapes qui permettent à une page web de s'afficher sur l'écran de l'utilisateur.

Dev front

Créer un lien avec effet de soulignement animé en CSS

Ce tutoriel décrit comment créer un effet de soulignement animé sur des liens en utilisant HTML et CSS. Il comprend des étapes détaillées pour structurer le HTML, styliser le menu avec CSS et ajouter une animation fluide lors du survol des liens. L'effet améliore l'expérience utilisateur en rendant les menus modernes et dynamiques. Des améliorations possibles comme la personnalisation des couleurs et de l'épaisseur de la ligne sont également abordées.

Autre

Bon, tu veux te faire ton site web ?

Cet article propose des conseils pour créer un site web à partir de rien, en utilisant du HTML et du CSS, avec quelques options pour le rendre dynamique à l'aide de CMS comme WordPress ou des technos comme Eleventy. L'auteur insiste sur l'importance du contenu et présente différentes approches techniques selon la complexité du site. Il évoque également l'utilisation de Server-side Includes et souligne que pour de petits projets, il est possible de ne pas utiliser de CMS. Finalement, il recommande d'opter pour des outils facilitant la gestion du contenu.

Dev front

Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts! - Tailwind CSS

La version 3.1 de Tailwind CSS apporte des améliorations importantes, notamment des types TypeScript pour les API, un support intégré des imports CSS dans l'outil CLI, la possibilité de modifier l'opacité des couleurs via une nouvelle syntaxe, et des utilitaires supplémentaires pour l'espacement des bordures. Ces changements visent à simplifier le développement, à améliorer l'organisation du code CSS et à faciliter l'utilisation de variables CSS.

Dev front

Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries, oh my! - Tailwind CSS

La version 3.2 de Tailwind CSS introduit de nombreuses nouvelles fonctionnalités, telles que le support des points de rupture dynamiques, la prise en charge de plusieurs fichiers de configuration dans un même projet, ainsi que des requêtes de conteneur. Les améliorations permises incluent le stylage conditionnel basé sur les attributs ARIA et les attributs de données, ainsi que de nouveaux variants dynamiques. Ces ajouts visent à simplifier la gestion des configurations CSS et à améliorer la réactivité dans le développement d'interfaces web.

Dev front

Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more - Tailwind CSS

La version 3.4 de Tailwind CSS introduit de nouvelles fonctionnalités comme des unités de viewport dynamiques, le support de la pseudo-classe :has(), des utilitaires pour équilibrer les titres, ainsi que le support de la subgrid. Ces améliorations visent à simplifier le développement tout en offrant une plus grande flexibilité et des possibilités de personnalisation pour les développeurs.

Dev front

We're hiring a Design Engineer + Staff Engineer - Tailwind CSS

Tailwind CSS recrute un Ingénieur en Design et un Ingénieur Logiciel Senior pour des projets ambitieux. Les candidats travailleront sur la conception et le développement d'interfaces, ainsi que sur l'amélioration de bibliothèques comme Tailwind CSS et Headless UI. Les postes sont entièrement distants avec un salaire de 275,000 USD. Le travail inclut la création de composants, la documentation, et des innovations intégrées dans des outils comme Next.js et Vite.

Dev front

Tailwind CSS v4.0 Beta 1 - Tailwind CSS

La version bêta de Tailwind CSS v4.0 est maintenant disponible, apportant de grandes améliorations de performance avec des builds jusqu'à 5 fois plus rapides et des builds incrémentiels plus de 100 fois plus rapides. Cette nouvelle version est conçue pour une expérience développeur CSS-first, permettant une personnalisation directe via CSS. Elle intègre également un support avancé pour des fonctionnalités modernes comme les requêtes de conteneur et les couleurs à large gamme.