Ressources

• http://www.initializr.com/ : Contient tout ce qu’il faut pour partir sur de bonne base incluant ceci :
  • http://html5boilerplate.com/ : tout ce qu’il faut pour être compatible html5 dans tous les navigateurs.
  • https://code.google.com/p/html5shiv/ : Un autre pour le html5
  • http://verekia.com/initializr/responsive-template : Tout ce qu’il faut pour avoir un site responsive.
  • http://getbootstrap.com/ : Et le fameux incontournable bootstrap de twitter.
  • http://modernizr.com/ : permet de rajouter des fonctionnalités manquantes à certains navigateurs.

Pour le HTML5 d’IE <9

<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

• http://fortawesome.github.io/Font-Awesome/ : Ceci est une collection d’icon supplémentaire pour le bootstrap twitter
• http://socket.io/ Permet de créer un serveur de socket et de dialoguer en javascript sur le client
• http://lorem-ipsum.studiovitamine.com/caracteres-speciaux,287,fr.html caractères spéciaux et faux texte
• https://h5bp.github.io/ Contient des templates, css tout préintégré. Dispose aussi de configs apache optimisées

A venir, LESS

• http://caniuse.com/ : permet de tester la compatibilité entre navigateur de balise css / css3

  Graphisme / Design
• https://tabler.io/icons : icones, template d’interfaces admin
• https://icomoon.io/app Des tonnes d’icones, glyph ..

  • https://fr.icons8.com/ icon opensource
  • http://fortawesome.github.io/Font-Awesome/ des icones
  • http://o365icons.cloudapp.net/ des icones microsoft
  • http://tympanus.net/Tutorials/BasicReadyToUseCSSStyles/ exemple de box-shadow, gradient, border-radius, link, buttons …
  • http://tympanus.net/codrops/ mine d’or de design, effet css3 en puissance, source d’inspiration énorme !
  • http://fr.freepik.com/vecteurs-gratuites/boutons : bouton (réseaux sociaux) en vectoriel
  • http://freefrontend.com/ : plein de css pour les tables, form, button etc…

  Galerie photo / Carousel
• http://kenwheeler.github.io/slick/ : simple et efficace, carousel de div, customizable facilement
• http://wowslider.com/ : très beau, effet 3d etc..
• http://fotorama.io/ : bien pour un petit carousel de photo

• http://noelboss.github.io/featherlight/ : léger et customizable mais pas de galerie
  • Astuce pour ajouter un loading https://github.com/noelboss/featherlight/wiki/Add-a-CSS-Only-Loader
• http://feimosi.github.io/baguetteBox.js/ : intègre la galerie d’image

• https://www.ephox.com/wysiwyg-editors/ : TinyMCE, Textbox.io, EditLive

• http://getbootstrap.com/ : L’officiel
• http://expo.getbootstrap.com/resources/ : Ressources (themes, template, add-on, code)
• http://startbootstrap.com/ : theme, template…
• https://uxsolutions.github.io/bootstrap-datepicker/ : datepicker
• http://foundation.zurb.com/ : une alternative

  • http://materializecss.com/ : Material Design

  Semantic-UI
• http://semantic-ui.com/ : Semantic UI : beaucoup plus complet que bootstrap et utilisé par github
• https://github.com/Semantic-Org/Semantic-UI-LESS : dépôt pour LESS, plus simple à mettre en place pour laravel

  Google Maps
• http://snazzymaps.com/ : Personnaliser la carte

• http://quojs.tapquo.com/ permet de gérer les événements d’écran tactile.
• http://detectmobilebrowsers.com/ fourni un code pour détecter si on est sur un mobile pour plein de langage différent

• http://html5up.net/ fournit des templates HTML5+CSS3 responsives et 100% gratuit CC
• http://www.webdesignertrends.com/2013/09/14-templates-html5-gratuits/ 14 templates HTML5

• http://d3js.org/
• http://canvasjs.com/
• http://www.highcharts.com/

• https://developers.google.com/web/fundamentals/ Les fondamentales du web par google