1. CSS de l'interface utilisateur métropolitaine
Metro UI CSS est un framework CSS qui implémente l'interface de style Metro de Windows 8.
2. CSScomb
CSScomb peut trier les propriétés CSS à l'aide de méthodes de tri spécifiées et fournit plusieurs versions, notamment :
CSScomb CSScomb en ligne pour Sublime Text 2 (également dans Package Control) CSScomb pour Textmate CSScomb pour Coda & Coda 2 CSScomb pour Espresso 2 CSScomb pour IntelliJIDEA/WebStorm/PyCharm CSScomb pour Notepad++ CSScomb pour Vim 3. CSS3Ps
CSS3Ps est un plug-in Photoshop gratuit basé sur le cloud qui convertit les calques Photoshop en implémentations CSS3 avec exactement la même apparence. Vous pouvez sélectionner plusieurs calques et groupes de calques et les convertir en un seul clic. Le trait est converti en propriété de bordure CSS. L'ombre intérieure, la lueur intérieure, l'ombre et la lueur extérieure sont converties en propriétés CSS box-shadow. Vous pouvez voir les styles résultants dans votre navigateur et les partager avec d'autres. Il fonctionne avec Windows ou Mac OS X et Photoshop CS3 et supérieur. Mieux encore, c'est totalement gratuit !
4. RéactifAeon
ResponsiveAeon est un framework HTML5/CSS3 qui permet de créer très rapidement des mises en page réactives. Il dispose d'un système de grille basé sur 12 colonnes d'une largeur totale de 1104px et propose 3 classes de base très simples à comprendre à utiliser. Le framework permet l'utilisation de @mediaqueries et prend en charge n'importe quelle taille d'appareil. En plus des systèmes de grille, il existe également des styles pour la typographie, les listes, les tableaux, les boutons et les tableaux.
5. Affiner la diapositive
RefineSlide est un plugin jQuery léger (compressé de 4 Ko) permettant d'intégrer rapidement un effet de curseur réactif basé sur une image dans notre site Web. Le curseur utilise des transitions CSS3 + des transformations 3D (avec solution de repli JS) et propose de nombreuses transitions attrayantes. Il dispose d'une option pour afficher des vignettes (formatées automatiquement et réactives) ou des flèches pour la navigation (clavier pris en charge).
6.Photons
Photon est une bibliothèque JavaScript qui permet d'ajouter des effets d'éclairage simples à n'importe quel élément dans un espace tridimensionnel. Pour créer l'effet, il utilise un objet WebKitCSSMatrix (WebKit est le seul moteur de navigateur pris en charge). L'angle de la lumière peut être défini et modifié à tout moment pour offrir une fonctionnalité. Il est possible de définir un objet en l'éclairant un par un ou un groupe à la fois, et nous pouvons personnaliser l'effet en définissant l'utilisation maximale du noir + blanc.
7. Gridpak
Le but de Gridpak est de mettre en œuvre une conception de pages Web réactive, d'améliorer votre flux de travail et de gagner du temps. Gridpak crée des interfaces réactives et simples en générant des images PNG, CSS et JavaScript.
Le CSS généré par Gridpak est compatible avec IE 8+, mais il utilise de nombreuses propriétés CSS expérimentales, telles que les requêtes multimédias, la taille de la boîte et les propriétés de découpage de l'arrière-plan. Nous vous recommandons donc de l'utiliser conjointement avec Modernizer pour garantir la compatibilité ascendante.
8. Morf.js
Morf.js fournit un ensemble de méthodes JavaScript pour accélérer divers effets de conversion CSS3. Les méthodes prises en charge sont toutes présentées dans la figure ci-dessus et il n'est pas nécessaire d'écrire du code CSS3.
9. Gomme
Gumby est un framework de grille CSS réactif d'une largeur de 960 pixels qui prend en charge les affichages sur PC, tablettes et mobiles. Semblable au Bootstrap de Twitter, il comprend une boîte à outils d'interface utilisateur Web avec de jolis boutons, tableaux, navigation + étiquettes et un petit fichier JavaScript.
10.AppJS
AppJS est une bibliothèque JavaScript passionnante qui nous permet de développer rapidement des applications de bureau (HTML, CSS et JavaScript) à l'aide des technologies Web. AppJS utilise Node.js comme support backend.
11. Prise en charge du navigateur
Browser Support est un moteur de recherche simple utilisé pour savoir si une certaine propriété CSS est prise en charge par un navigateur spécifié. Fournit une zone de saisie de recherche à saisie semi-automatique.
12. SpritePad
SpritePad est une solution parfaite qui vous permet de créer des sprites CSS en quelques secondes. Faites simplement glisser et déposez vos images sur le canevas et elles sont instantanément disponibles sous forme de sprite PNG + code CSS.
13. HTML5 s'il vous plaît
HTML5 Please vous aide à vérifier si des fonctionnalités telles que HTML5 et CSS3 sont prêtes.
14.jsFiddle
jsFiddle est une application Web principalement utilisée pour tester des extraits de code JavaScript et CSS.
15. Animer.css
Animate.css contient du CSS qui implémente divers effets d'animation.
16. Excessif
Excessive est un outil de compression CSS développé en Python qui peut glisser-déposer autant de fichiers que vous le souhaitez, les fusionner en un seul fichier et le compresser à la volée.
17. Actualisation CSS
CSSrefresh est une bibliothèque JavaScript utilisée pour implémenter la fonction de modification immédiate de l'effet de style de la page Web sans actualiser la page. Elle est plug-and-play et ne nécessite aucune configuration. Il vous suffit d'introduire le fichier JS dans la page.
18. Impress.js
impressionner.js est un package Javascript. Sa fonction est de vous permettre de créer des effets d'affichage de contenu éblouissants. Il utilise principalement la rotation, la distorsion, la mise à l'échelle et d'autres fonctionnalités des transformations CSS 3D. Par conséquent, seule la dernière version de Firefox ou de Google Chrome peut le faire. ou Safari pour voir l'effet qu'il produit. Il semble qu'il puisse également être utilisé dans le navigateur IE 10 qui n'est pas encore sorti.
19. Ours CSS
Bear CSS est une application Web gratuite qui génère des styles CSS basés sur un code HTML donné.
20. Moins de CSS
Less CSS est un préprocesseur CSS largement utilisé qui étend CSS via une syntaxe et des variables simples, ce qui peut réduire beaucoup de code CSS.
LESS offre des fonctionnalités de langage dynamiques CSS, telles que les variables, l'héritage, les opérations et les fonctions. LESS peut s'exécuter sur le client (prend en charge IE 6+, Webkit, Firefox) ou sur le serveur (avec l'aide de Node.js).
21. sans CSS2
css2less est un petit outil développé en Ruby pour convertir des CSS en fichiers au format Less CSS.
22. ResponsiveGS
Responsive GS est un framework CSS à grille fluide permettant de développer rapidement des sites Web réactifs.
Responsive GS est disponible en trois versions : 12, 16 et 24 colonnes, et prend en charge tous les appareils standard utilisant des requêtes multimédias.
23. Formes CSS3
CSS3 Shapes est un site Web en ligne qui utilise CSS3 pour obtenir divers effets graphiques.
24. Flèche CSS s'il vous plaît
CSS Arrow Please est un générateur de style CSS basé sur le Web qui peut être utilisé pour tous les CSS tels que les rayures, les boutons, les tableaux, le chargement d'icônes, etc. Il est entièrement implémenté en utilisant CSS, aucune image n'est requise.
25. WebPutty
WebPutty est une application qui vous permet d'écrire du code CSS en ligne, avec un éditeur prenant en charge la coloration syntaxique et un panneau de prévisualisation sur le côté qui vous permet de voir les modifications en temps réel.
26. CSSFx.js
Lors de l'écriture de CSS, il est souvent nécessaire d'ajouter de nombreux préfixes en fonction des différents navigateurs, tels que -moz-border-radius. Il y a également beaucoup d'insatisfaction dans l'industrie à ce sujet. cssFx est un js qui peut générer automatiquement un préfixe pour vous, ce qui peut vous faire gagner beaucoup de temps et d'énergie.
27. Balisage sale
Dirty Markup est une application Web gratuite qui vous aide à nettoyer facilement le désordre. L'éditeur utilise une simple fonction + AceEditor et chaque embellissement peut avoir une variété de choix pour obtenir les meilleurs résultats.
28.Crunch
Crunch est un éditeur basé sur Less CSS développé par Adobe AIR. Principalement utilisé pour éditer Less et le compiler en CSS.
29. Test CSS3
CSS3 Test est un site Web en ligne qui teste la prise en charge CSS3 des navigateurs.
