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


CSS Picnic: bibliothèque CSS légère pour démarrer vos projets Web

Certains développeurs préfèrent des bibliothèques d'interface utilisateur détaillées, telles que Bootstrap, pour ses styles riches en fonctionnalités. Mais, il y a beaucoup de petites bibliothèques de CSS faites pour l' esthétique et la personnalisation subtiles de conception .

Si vous cherchez une petite bibliothèque CSS élégante, je recommande Picnic CSS . C'est complètement gratuit, open source, et fonctionne sans beaucoup d'édition pour égayer vos pages avec des styles simples et élégants.

Tous les éléments HTML natifs sont restylés par défaut, vous n'avez donc pas besoin de compter sur les classes. Ajoutez simplement la feuille de style Picnic à votre page Web et actualisez-la. Vous remarquerez que tous les formulaires, boutons et éléments typographiques prennent tous un nouveau look.

Mais, bien sûr, cette bibliothèque prend en charge la conception modulaire avec des options pour personnaliser tout. Tout est écrit en Sass, donc vous avez vraiment besoin d'être un développeur Sass pour travailler sur le code.

Vous avez accès à toutes les typographies, classes, systèmes de grille et variables par défaut utilisés pour les éléments de style et de coloriage.

Picnic CSS a également été construit pour être incroyablement petit et il mesure seulement 10 Ko de taille lorsqu'il est minifié. C'est environ 1/10 de Bootstrap et il a toujours tout le charme que vous attendez dans un cadre d'interface utilisateur personnalisé.

Comme il s'agit d'une petite bibliothèque, elle ne possède aucune fonctionnalité dynamique . Mais, vous pouvez voir des exemples sur la page de test qui comprend des boutons, des en-têtes, des cartes, des entrées, des onglets et d'autres éléments similaires.

Certains éléments dynamiques, tels que les modaux et les onglets, fonctionnent avec du CSS pur . Ainsi, vous pouvez également créer des sites Web conformes en ignorant totalement JavaScript. Plutôt cool!

Je pense que les styles de pique-nique par défaut sont un peu fades afin qu'ils puissent utiliser certaines retouches. Mais, dans l'ensemble, j'adore cette bibliothèque et c'est l'une des façons les plus simples de démarrer un nouveau projet du bon pied.

Pour commencer, visitez la page Picnic CSS GitHub pour télécharger une copie et voir quelques exemples . Vous pouvez également parcourir la documentation en ligne pour voir comment chaque élément fonctionne et ce dont vous avez besoin pour que tout fonctionne.

Picnic est même disponible sur CDN, vous n'avez donc même pas besoin de télécharger des fichiers localement pour commencer.

Diaporama Lightbox en plein écran avec Lightgallery.js

Diaporama Lightbox en plein écran avec Lightgallery.js

Tout bon blog ou portfolio peut bénéficier d'un diaporama lightbox modal . Cela peut être utile pour présenter des photos connexes ou pour permettre aux visiteurs de parcourir un portefeuille de travaux (design, art, photographie).Avec lightgallery.js, il vous suffit d' installer la librairie et de la laisser fonctionner . Vo

(Conseils techniques et de conception)

Les vraies histoires derrière 10 mèmes populaires

Les vraies histoires derrière 10 mèmes populaires

Un ami que je connais aime transformer les photos de ses amis en mèmes. Il va parcourir les albums photo de Facebook de ses copains et sélectionner des gens très malheureux, à utiliser, ajouter du texte, puis le déchaîner sur ses amis sans méfiance. C'est à peu près comment les mèmes sont nés.Mais à vra

(Conseils techniques et de conception)