Les barres de défilement (scrollbars) font partie intégrante de notre expérience de navigation sur le Web, mais elles sont souvent négligées en termes de personnalisation. Avec le site Scrollbar.app, la personnalisation des barres de défilement CSS devient un jeu d'enfant.
Une arborescence peut être créée en utilisant uniquement du HTML et du CSS, sans avoir besoin de JavaScript. Voici un simple tuto pour créer une arborescence en HTML et CSS et comprenant des éléments pour ouvrir et fermer les niveaux.
Des générateurs de favicon, il en existe beaucoup sur Internet. Cette fois-ci, l'outil présenté diffère un peu de ses concurrents.
Il existe des tonnes de générateurs d'ombres CSS et de générateurs de dégradés CSS. Mais existe-il un générateur d'ombres dégradées CSS ?! Eh bien oui !
CSS Layout est un site regroupant des dizaines de codes CSS d'éléments que l'on retrouve sur beaucoup de sites (accordéon, avatar, badge, tableau, etc...).
Des générateurs d'ombres CSS, ce n'est pas ce qui manque sur le net. Découvrons SmoothShadow, qui se démarque des autres par les possibilités qu'il offre.
En quelques lignes de CSS, il est possible de créer un arrière-plan et de l'animer. Découvrons le mini site qui va nous proposer cette fonctionnalité.
Quand on fait un prototype d'interface (mockup), on utilise généralement un outil dédié tel que Draw.io ou Balsamiq. Doodle.css permet de créer ce mockup en HTML/CSS en apportant un style façon dessin.
SVG Shape Dividers est un générateur de séparateurs SVG disposant dont le paramétrage est rendu très simple.
Sur un site, avoir de beaux effets au passage de la souris sur un lien est une pratique assez commune. Underline Generator est, comme son nom l'indique, un générateur de code CSS pour le soulignement d'un lien HTML.