Git
- Git Tutorial – Apprendre les bases de Git en 15 min avec le petit chat tentaculaire !
- Un gros Cheat Sheet sur Git
- Petit guide en Français pour s’initier à Git
- Comment défaire presque tout dans Git – pas encore tester mais qui vend du rêve tant Git peut faire chier parfois (et tant on est apte à faire de la merde surtout)
- Tuto pour apprendre les branches dans Git
- Git en 56 chapitres – Après cette lecture, je pense que y’a moyen de faire au moins un git init.
- GitHub et les méthodes Agile
Couleurs & font
- Color Picker
- Paletton
- Curls
- Type Anything – permet de visualiser une font selon les attributs qu’on lui met dans les dents
- Dafont – le traditionnel chez qui on peut trier les polices par gratuité, par licence, par possibilité d’accent ou pas… Un indémodable qui se transmet encore de génération en génération malgré l’avènement de Google Font.
WordPress
- Un PDF Cheat Sheet pour s’y retrouver
- Un plan de la hiérarchie et la structure de WordPress
- Blog de Li-An sur WordPress, en Français, avec de l’humour dedans
Javascript et les librairies JS
- Magnetize – Galerie Parallax Responsive en 3D
- Enllax.js – un plugin pour faire des effets scrolling
- Paths.js – pour faire des graphiques en javascript
- Gifshot – une librairie javascript qui permet de faire des gifs à partir des autres média traditionnels
- Lightbox – pour avoir une galerie de photos que quand tu cliques sur une photo, ça l’ouvre en grand dans la même page <3
Bootstrap
- Bootstrap Magic – Générer son propre thème Bootstrap ?
- LayoutIt! – Générer son propre layout Bootstrap ?
- Shoelace – Générer son propre layout Bootstrap ? (bis)
- Bootstrap Simple Sidebar
- Bootstrap Expo – Trouver de l’inspiration auprès de ceux qui ont déjà utilisé Bootstrap avec classe
- Bootswatch – Trouver un thème gratuit
- Bootsnipp – Trouver des éléments pour son site bootstrap
- Icônes bootstrap
Photos & icônes
- Blue Vertigo – Découvert en 2009, y’a TOUT dedans : photos, polices, logos, brushes photoshop, musiques, motifs. C’est un portail qui renvoie vers les ressources du monde entier. Y’a beaucoup de sites où on trouvera des trucs assez moches ou inexploitables mais il y a quelques perles.
- Resource Cards – Pareil que Blue Vertigo mais en plus récent et avec plus de thèmes.
- The Noun Project – Super classe parce qu’on peut trouver des icônes pour tout et n’importe quoi, de différents styles. C’est gratuit MAIS on est respectueux, on cite l’auteur (ou on paie). Moi je trouve ce site vraiment génial, à tel point que je pense qu’il mériterait un article à lui tout seul.
- Pexels – mon préféré (et celui de tout le monde) car il propose de magnifiques et très grandes photos gratuites. Il n’est pas rare de les retrouver dans les templates (genre Bootstrap). Idéal illustrer un blog ou une maquette de site.
- Unsplash – pas encore réellement testé mais recommandé par d’autres, c’est une ressource pour les photos high resolution gratuites.
- Visual Hunt – Tu cherches une photo, tu sélectionnes la licence qui correspond à ton projet et voilà, bisous.
- Morguefile – Quand t’es francophone, ça peut faire un peu peur mais en fait, c’est seulement une ressource de photos gratuites.
- Fontello – Générateur d’icônes
- Flaticon – icônes vectoriels gratuits
- Hipster Logo Generator – Faire des logos pas trop moche. Options limitées mais y’a moyen de faire des trucs sympas.
Code Generator
- Mon préféré depuis 2009 : CSS Type Set parce qu’il est parfait pour la mise en page du texte.
- Background Image Generator : parfait pour générer un motif à répéter pour un background sobre.
- Un générateur de code CSS3 selon ce que vous souhaitez faire.
- Un CSS3 Button Generator : pareil, une chouette ressource parce qu’elle propose de faire des boutons sobres contrairement à d’autres qui ne fournissent que les options « dégueulasses » et/ou « flashy ».
- 110 CSS menu !
- Animista
Cheat Sheets
- Un PDF ZenCoding qui reprend l’essentiel des balises et attributs HTML et du CSS
- Un Cheat Sheet sur Git en couleur et en Français
- Les filtres Twig en Français
- Un Cheat Sheet sur jQuery
- Un Cheat Sheet sur Symfony 2