Catégories
Astuces et Design

Une barre latérale collante de taille dynamique avec HTML et CSS

Créer un contenu de page qui colle à la fenêtre lorsque vous faites défiler, quelque chose comme un menu de saut à l'ancre ou des en-têtes de section, n'a jamais été aussi simple. Jeter un position: sticky dans votre jeu de règles CSS, définissez le décalage directionnel (par exemple top: 0) et vous êtes prêt […]

Catégories
Astuces et Design

Barre latérale rafraîchissante pour 2020 – Barre latérale

Cela fait presque trois ans jour pour jour depuis la dernière refonte de la barre latérale. Mais après de nombreuses itérations, j'ai finalement pu concevoir et coder une toute nouvelle Sidebar! Dites bonjour à la barre latérale 4.0! Mais d'abord, pour célébrer cette quatrième version, je veux revenir sur l'évolution du design de Sidebar depuis […]

Catégories
Astuces et Design

Comment je mets le pourcentage de défilement dans la barre de titre

Défiler vers le bas! Je suis sérieux! Faites simplement défiler! Et puis lève les yeux. Un peu plus loin. Oui, dans la zone de votre barre d'onglets où le contenu finit. Et puis faites défiler à nouveau. Il y a un pourcentage là-bas. Et cela change lorsque vous faites défiler. Un peu cool non? Vous […]

Catégories
Astuces et Design

Barre de défilement CSS avec indicateur de progression

Les barres de défilement sont des indicateurs de progression naturels. La distance parcourue par la barre de défilement est le niveau de progression du défilement de cet élément (souvent la page entière). Mais, ils ressemblent plus à des indicateurs de progrès qu'à des compteurs, si vous considérez un compteur comme quelque chose qui «se remplit» […]