====== Ressources ====== ===== Initialiseur ===== * 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 ===== Autre ===== * [[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://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 ===== Lightbox like ===== * 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 ===== Editeur WYSIWYG ===== * https://www.ephox.com/wysiwyg-editors/ : TinyMCE, Textbox.io, EditLive ===== Bootstrap ===== * 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 ===== Mobile ===== * 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 ===== Template HTML ===== * 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 ===== Chart / graphique ===== * http://d3js.org/ * http://canvasjs.com/ * http://www.highcharts.com/ ===== Apprendre ===== * https://developers.google.com/web/fundamentals/ Les fondamentales du web par google