Css

"
Dev front

CSS As A Query Language · evdc.me

L'article explore l'idée d'utiliser CSS comme un langage de requête pour des tâches autres que la mise en page sur le web, abordant ses limitations et les possibilités d'évolution vers un langage appelé CSSLog. Ce dernier pourrait permettre des opérations plus avancées sur les éléments HTML, notamment en définissant des relations et en gérant des styles de manière plus dynamique. Les auteurs discutent également des parallèles entre CSS et Datalog, mettant en lumière des concepts de base qui pourraient enrichir CSS si de nouvelles spécifications étaient ajoutées.

evdc.me

css
"
Autre

Premiers pas avec Hugo, moteur de blog statique

L'article présente Hugo, un moteur de blog statique célèbre pour sa rapidité et sa souplesse. Il explique comment générer un site web statique, ses avantages, et guide l'utilisateur à travers l'installation, la création et la configuration d'un blog. De plus, il aborde le choix d'un thème et la rédaction d'articles, mettant en avant la simplicité et l'efficacité que fournit Hugo pour créer des sites sans dépendances lourdes.

olivier.dossmann.net

css
Dev front

Sneaky Header Blocker Trick • Josh W. Comeau

Cet article présente une astuce CSS pour la création d'un effet de header sticky, donnant l'impression d'un changement de fond lors du défilement sur un blog. L'auteur explique comment utiliser des éléments 'bloqueurs' pour créer une transition entre deux couleurs de fond en scrollant sans nécessiter de JavaScript. Il aborde également les contraintes de conception liées à cette stratégie et compare cette technique à une approche plus traditionnelle utilisant du JavaScript pour modifier la couleur de fond.

www.joshwcomeau.com

css
Autre

Refonte de la page Conférences : data-driven avec Hugo

L'article présente la refonte d'une page dédiée aux conférences, passant d'un système monolithique basé sur Markdown à une approche data-driven utilisant YAML pour les données, des layouts personnalisés Hugo pour la présentation et des styles CSS. Cette méthode permet de mieux organiser le contenu, de réduire les duplications et d'automatiser les statistiques, tout en offrant une expérience utilisateur améliorée grâce à un design basé sur des cartes et un support du mode sombre.

blog.zwindler.fr

css
Dev front

Details That Make Interfaces Feel Better

Cet article explore divers détails et techniques pour améliorer l'expérience utilisateur dans la conception d'interfaces. Il aborde des sujets tels que l'équilibrage du texte, l'utilisation de rayons de bordures concentriques, l'animation des icônes, le lissage du texte, et la subtilité des animations de sortie. La focalisation sur l'optimisation esthétique et fonctionnelle des éléments d'interface permet de guider les utilisateurs de manière intuitive sans qu'ils ne s'en rendent compte.

jakub.kr

css
"
Autre

Trivabble a 10 ans - LinuxFr.org

L'article présente les nouvelles fonctionnalités et les améliorations apportées au jeu Trivabble, un jeu de mots en réseau inspiré du Scrabble. Il souligne la contribution communautaire et les mises à jour pour la maintenance du code, y compris des améliorations d'interface et des options de personnalisation. Trivabble, bien que développé lentement, reste fonctionnel et continue d'évoluer avec le soutien des utilisateurs.

linuxfr.org

css
Dev front

Sprites on the Web • Josh W. Comeau

L'article explique comment utiliser les sprites en CSS pour créer des animations fluides sans surcharge de performances sur les appareils mobiles. Il détaille la création d'une feuille de sprites, l'utilisation de propriétés CSS comme 'object-fit' et 'object-position', et comment animer les images en utilisant des keyframes avec une fonction de timing pour obtenir des transitions par étapes. Cette méthode est inspirée de techniques de développement de jeux vidéo.

www.joshwcomeau.com

css
Dev front

Modern CSS Code Snippets | modern.css

Cet article présente de nouvelles techniques CSS modernes qui remplacent d'anciennes méthodes et hacks. Il propose des extraits de code qui sont essentiels pour développer des interfaces utilisateur sans avoir besoin de JavaScript. Des astuces comme la validation des formulaires, le positionnement de texte, et l'animation de l'affichage sont mentionnées, offrant aux développeurs des moyens efficaces pour créer des designs contemporains sans complexité supplémentaire. L'accent est mis sur l'utilisation de propriétés CSS modernes pour simplifier le code et améliorer les performances des applications web.

modern-css.com

css
Dev front

L'événement scrollend

L'événement scrollend est une nouvelle API permettant de détecter la fin d’un défilement dans une page web. Contrairement aux méthodes antérieures, il offre une solution fiable et intégrée dans les navigateurs modernes pour gérer le lazy-loading et le tracking des utilisateurs, sans polysfill nécessaire. En simplifiant l'implémentation, scrollend facilite le développement d'interfaces réactives et performantes.

www.alsacreations.com

css