Ressources Bootstrap / #longform

Bootstrap

• Tester Bootstrap en ligne : http://www.bootply.com/
• Télécharger Bootstrap : http://getbootstrap.com/
• Système de grille : http://creersonsiteweb.net/page-bootstrap-grille
• Fichier Normalize.css : http://necolas.github.io/normalize.css/
• Fichier HTML de base (exemple) : https://gist.github.com/laurence001/ce1c54234b8930928468
• Typographie/Glyphicons : http://www.w3schools.com/bootstrap/bootstrap_ref_css_text.asp
• Tableau en Bootstrap : http://www.w3schools.com/bootstrap/bootstrap_tables.asp
• Open Classrooms : https://openclassrooms.com/courses/prenez-en-main-bootstrap
• W3Schools : http://www.w3schools.com/bootstrap/

Web design

• Eléments caractéristiques du flat design : http://thenextweb.com/dd/2015/07/09/the-future-of-flat-design/
• Ressources en flat design (PSD) : http://www.hongkiat.com/blog/flat-design-resources/
• Google Fonts : https://www.google.com/fonts
• Paletton : http://paletton.com/
• Color Scheme Designer : http://colorschemedesigner.com/csd-3.5/
• Flat UI colors : http://flatuicolors.com/
• Science des couleurs et marketing, pourquoi Facebook est bleu ? https://blog.bufferapp.com/the-science-of-colors-in-marketing-why-is-facebook-blue
• Check-list accessibilité : https://keepwomen.com/static_pages/checklist_tool
• Rappel du code et documentation CSS : http://www.w3schools.com/css/default.asp
• Inspirations JS- Codrops – http://tympanus.net/codrops/
• Tester la responsivité d’un site : http://www.responsinator.com/
• Générateur de favicon multi devices : http://realfavicongenerator.net/
• Tester le temps de chargement d’une page web : http://tools.pingdom.com/fpt/

Simple Long Form

Icônes Fontawesome : http://fortawesome.github.io/Font-Awesome/icons/

Modes d’emploi

• Créer une galerie d’images dans SLF : https://journodev.tech//longform/simple-long-form-galeries/
• js, composants de base et SLF : www.ohmybox.info/slf-bootstrap-composants-base/
• js, composants dynamiques et SLF : www.ohmybox.info/slf-bootstrap-composants-dynamiques/

Intégrer du contenu multimédia tiers

• https://journodev.tech//des-outils-pour-raconter-des-histoires-embed/
• ohmybox.info/longform/outils-recits-slf/

Web developer addon (Firefox)

https://addons.mozilla.org/en-US/firefox/addon/web-developer/

Générateur CSS

http://css3generator.com/

Compression et décompression

• Outil de décompression CSS : http://mabblog.com/cssoptimizer/uncompress.html
• Outil de décompression JS : http://unminify.com/
• Outil de compression CSS : http://csscompressor.com/
• Outil de compression JS : http://jscompress.com/

Outil de mindmapping : http://mind42.com/