10 Scripts et Outils CSS à utiliser obligatoirement

Voici un article qui devrait intéresser tout particulièrement les intégrateurs. En effet je vous propose une sélection des 10 meilleurs outils réalisés entièrement en css, comme des popins modals, des menus, des selectors etc. Vous verrez que jQuery n’est pas toujours la solution la plus facile pour améliorer l’expérience de nos chers utilisateurs.
Vous trouverez également dans cette liste quelques outils online pour vous permettre d’optimiser, compresser, ou gagner du temps sur la rédaction de vos feuilles de styles.
A tester et à partager !

Scripts et outils CSS

1. CSS Modal

Outils CSS
Ce script permet de créer un effet de modal entiérement en CSS. Tout type de contenu est accepté dans ces box comme du texte (évidemment), mais aussi des images des vidéos etc.
Voir en ligne

2. MarkDown CSS

Outils CSS
Créez un effets de tabs intégralement en CSS. Les tabs permettent de cacher et dévoiler des contenus au clic sur les boutons.
Voir en ligne

3. CSSO

Outils CSS
Cet outils online permet simplement de compresser le code css que vous lui soumettait. De nombreuses options sont disponibles. Le tout vous permettra de gagner du temps de chargement.
Voir en ligne

4. CSS TrashMan

Outils CSS
Notre coup de cœur : cet outil permet d’optimiser votre feuille de style, sauf qu’avec cet outil vous ne partez pas de vos styles mais de votre site. Ecrivez l’url de votre site et CSS TrashMan scann votre site pour vous générer une feuille de style parfaitement optimiser ! Au top.
Voir en ligne

5. Animate.css

Outils CSS
Une collection d’une grosse dizaine d’animation différentes réaliser entièrement en CSS. Le but étant de pouvoir réutiliser ces animations facilement dans vos interfaces.
Voir en ligne

6. Effektc.css

Outils CSS
Le second coup de cœur de la sélection. Vous bénéficiez ici d’une bibliothèque impressionnant d’animation réalisées entièrement en CSS. Le tout appliqué sur un modal, le résultat est juste bluffant. A voir absolument.
Voir en ligne

7. Siiiiimple Grid CSS

Outils CSS
Vous voulez utiliser un système de grille en CSS mais sans les nombreux addons JS et autres (comme dans bootstrap ou foundation). Alors ce script est pour vous. Autoproclamé système de grille CSS le plus simple du monde (rien que ça). Siiimple vous permettra d’user d’une grille de 12 colonne rapidement, simplement et surtout sans autre fioriture.
Voir en ligne

8. Ratchet (CSS + JS)

Outils CSS
Vous avez toujours voulu créer votre propre application iPhone mais sans savoir comment ? Ratchet est la pour vous aider. En effet avec ce pack vous allez pouvoir réaliser votre propre application, mais comme si vous réalisiez un site internet. Ok il y a du JS mais le concept est suffisamment intéressant pour le mettre ici et faire plaisir aux intégrateurs !
Voir en ligne

9. PiCSSel Art

Outils CSS
Un outil plus amusant qu’utile, vous pouvez dans cette web app créer votre propre avatar en pixel art puis le générer automatiquement en CSS. A essayé le code est surprenant.
Voir en ligne

10. CSS Animation Style Sheat

Outils CSS
Une sélection de plusieurs animations réalisées entièrement en CSS3.
Voir en ligne

Et voila, j’espère que vous aurez trouvé de bonnes adresses. Un conseil si vous trouvez quelque chose d’intéressant mettez l’url de la page directement dans les favoris pour le retrouver facilement ultérieurement.
Si vous avez aussi de bonnes adresses, merci de les partager avec nous dans les commentaires !
N’oubliez pas de partager cette page sur votre page twitter ou facebook (voir les boutons ci-dessous).

Pour continuer la lecture sur le CSS

Si vous êtes intéressé par le CSS je vous propose ces autres articles qui devraient vous intéresser.

Commentaires