Ressources [EDMC73.com]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu’il s’agit d’une erreur.
====== 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
<code javascript>
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--></code>
===== 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://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

===== 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
Outils pour utilisateurs

Outils du site

Outils de la page
