hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Ajouter des boutons pré-conçus à votre site avec Butns.css

Les frameworks Frontend, tels que Bootstrap, viennent avec leurs propres styles de boutons, mais ils n'ont généralement pas beaucoup de variété .

La bibliothèque Butns gratuite offre une multitude de styles de boutons personnalisés sans l'ensemble du cadre. Ceci est parfait pour les développeurs qui ont déjà un design de page personnalisé mais ne veulent pas s'occuper de l'élaboration de leurs propres styles de boutons.

Vous avez des choix pratiquement illimités et des combinaisons à choisir. Butns a plus de 30 couleurs différentes de fond / frontière que vous pouvez mélanger et assortir pour des boutons plats traditionnels ou des boutons de pilule ou même des boutons fantômes .

Vous pouvez également choisir entre différents styles de dégradé qui engrènent deux couleurs différentes. Ces boutons dégradés sont superbes avec une ombre portée pour un effet de relief élevé.

Avec les couleurs et les ombres, vous pouvez également modifier la forme, la taille et la transparence de n'importe quel bouton.

Tout est contrôlé via des classes CSS, vous avez donc un accès complet à tout dans la bibliothèque.

Ce que j'aime le plus chez Butns, c'est que vous pouvez facilement passer d'un style à l'autre en mettant simplement à jour un nom de classe . Il n'y a pas de système trop complexe pour ajouter des styles ou éditer une feuille de style. Vous venez d'échanger des cours, et vous êtes prêt à partir.

Bien qu'il n'y ait aucun mal à écraser certaines de ces classes avec vos propres préférences. C'est la beauté de l'effet en cascade dans CSS.

Pour commencer, téléchargez le fichier .css depuis la page d'accueil de Butns ou depuis le repo GitHub. Ils sont tous les deux liés à la version la plus à jour, donc l'une ou l'autre façon est OK.

Une fois que cela a été ajouté à votre page Web, il suffit d' ajouter le .button classe à tout ce que vous voulez avoir la forme d'un bouton. De là, il s'agit d' ajouter des classes supplémentaires en fonction des couleurs, de la taille et du style du bouton que vous voulez.

Jetez un oeil à la page GitHub près de la liste des classes. Vous trouverez une liste complète de toutes les classes pour personnaliser la couleur, le type de bouton et les options d'affichage comme petit / grand ou semi-transparent.

Butns.css est facilement l' une des feuilles de style de bouton les plus complètes sur le web. Vous pouvez l'ajouter à plusieurs projets Web, et tous peuvent avoir un look différent avec cette bibliothèque.

Il joue également bien avec d'autres frameworks tels que Bootstrap car les classes ne se chevauchent pas . Ainsi, vous pouvez fusionner Butns avec presque n'importe quel autre framework frontend sur le marché sans tracas.

Ajouter votre propre page Charger la barre de progression avec Pace.js

Ajouter votre propre page Charger la barre de progression avec Pace.js

Pour certains utilisateurs, une barre de progression peut être très utile. Il les informe de combien ils sont proches de l'accomplissement des tâches. Normalement, ceci est utilisé pour donner une expérience plus conviviale. Lorsque vous ouvrez une page Web sur votre navigateur favori, il existe déjà une barre de progression par défaut dans l'onglet du navigateur pour voir si la page est complètement chargée.Avec Pace

(Conseils techniques et de conception)

Construire des fenêtres modales accessibles avec la boîte de dialogue A11y

Construire des fenêtres modales accessibles avec la boîte de dialogue A11y

Les modaux sont largement supportés dans les navigateurs modernes. Ils peuvent être utilisés comme fenêtres de notification, comme champs d'inscription, ou même pour les diaporamas de photos .Vous pouvez construire ces fenêtres en utilisant du CSS pur, mais ce n'est pas la solution la plus accessible. Au l

(Conseils techniques et de conception)