Mise à jour le 25/09/2018
Bibliothèques, Frameworks
- 8 Useful Responsive CSS Frameworks | Tools
- Bootstrap.Librairie complète de CSS et jQuery. Et une collection de ressources pour cette bibliothèque.
- UIkit. Framework pour interface. Après l’intégration dans votre projet, voir la doc!
- Headway Drag and Drop WordPress Website Builder
- Code Snippets Par CSS-tricks
- Google Library
- cdnjs – the missing cdn. Bibliothéque très complète en ligne, hébergée par CloudFlare.
- Modernizr
- Modernizr tutoriel et autres techniques
- LESS « The Dynamic Stylesheet language. Compilateur de CSS
- Sass – Syntactically Awesome Stylesheets. Compilateur de CSS.
- Koala – A Windows alternative to CodeKit
- Prepros App :: Dead Simple Design, Development and Testing. Merci Thierry 🙂
- CodeKit: THE Mac App For Web Developers
- Smacked: Scalable and Modular Architecture for CSS. Une autre approche pour mieux organiser ces CSS. Une bonne partie du livre payant est gratuitement accessible en ligne.
Cloud
- Dropbox
- DropIn · An In-Tray for your Dropbox
- Flow: Task Management and Online Collaboration for Teams
- Insync – Sync your life with Google Docs
- MyDrive – Your Swiss Online Storage
- SpiderOak
- Digital Ocean SSD Cloud Server, VPS Server, Simple Cloud Hosting
CMS
- WordPress
- Drupal
- ExpressionEngine
- Jekyll. Site statique en markdown sans base de données.
- Historical trends in the usage of CMS
- Joomla!
- Ruby on Rails
- Dunked. Gestionnaire de Portfolio en ligne.
- Les nouvelles plateformes de blog / CMS qui émergent. Article qui présentent des nouveaux CMS
- CMS technologies Web Usage Statistics
- Usage Statistics and Market Share of Content Management Systems for Websites, October 2014
Code en ligne
Code Editeur
- Atom. Logiciel open source créé par l’équipe de Github. Logiciel basé sur les technologies du Web.
Code à suivre (Versioning)
- Bitbucket. Nombre illimité de dépôts privés. En français si vous le souhaitez
- Codeplane. Nombre de dépôts illimités en privé pour 9$ par mois
- GitHub. Le plus connu mais qui devient cher avec beaucoup de dépôts privés
- GistBox. Pour visualiser et organiser les Gist directement dans le navigateur
- FTPloy. Pour envoyer les changement en local directement vers la version en ligne. Fonctionne avec GitHub ou Bitbucket. Merci Kirsten.
- git-ftp. Pour utiliser Git au travers d’une connexion FTP
Code partout (Compatibilité)
Code Divers
- XML Sitemaps Generator. Générateur de sitemap automatique en ligne à partir de l’URL de votre site. Merci Magali!
- FireFTP – The Free FTP Client for Mozilla Firefox. Client FTP gratuit à installer sur Firefox.
- Cross Browser CSS Injection | CSS-Tricks
- 8 Awesome CSS Loading Spinners
Contenu libre
Couleur
- Color Scheme Designer 3
- Colour Contrast Check
- Colour Lovers
- CSS Drive: Image to Colors Palette Generator
- kuler. De gros changement pour cet outil en ligne d’abord en flash. Une app iPhone existe. Très bien conçue, elle se synchronise avec votre compte kuler en ligne. Un must.
- Le modèle TSL
- Coding Colors Easily Using CSS3 hsl() Notation
Coworking
- Neo-Nomade. Site pour rechercher les espaces de coworking en France.
- Soleilles Cowork
Chrome Extension
- Google Chrome Canary
- Skin your Chrome Inspector
- Resolution Test
- Lorem Ipsum Generator
- Page Ruler
- Superbe capture d’écran : capturer et annoter
- ColorZilla
- Markdown Here
- CSS Shapes Editor – Chrome Web Store. Pour éditer les shape CSS en direct. Un article en parle.
CSS3
- Animate.css – a bunch of plug-and-play CSS animations
- CSS3 Button Generator
- CSS3 Generator – By Eric Hoffman & Peter Funk
- CSS3 PIE: CSS3 decorations for IE
- Button Maker
- CSS Button Generator
- CSS3 Playground by Mike Plate
- CSSplay | CSS demonstrations
- CSS Generators, Tools, Code Snippets & Resources — CSSReflex. Beaucoup d’outils et de références en ligne.
- CSS Reference | Codrops. Beaucou de réfèrence CSS.
- CSS3.0 Maker
- Gradient App for OSX
- HTML5 & CSS3 Support, Web Design Tools & Support
- Layer Styles
- Linear Gradients
- Transforms
- Ultimate CSS Gradient Generator
- CSSmatic
- Stripegenerator. Générateur de rayure
- CSS Hat. Transforme les calques Photoshop en CSS3. Instantanément
- CSS Media Queries for iPads & iPhones. Toutes les principales media queries pour iOS
- oocss (Object Oriented CSS) Wiki. Organiser les classes
- Smacs – Scalable and Modular Architecture for CSS. Méthodologie globale
- Idiomatic css · GitHub. Pour nettoyer, réorganiser
- BEM. Block, Element, Modifier. Un des standards pour nommer les classes.
- The Shapes of CSS. Page d’exemple pour des formes en css3. Et et un article associé sur CSS tricks
- Easing Functions Guide de référence. Par dédiée pour les fonction Easing en français.
- :nth Tester. Pour tester les nth-of-type en ligne
CSS3 Responsive Design
- iPad Peek / iPhone Peek. Prévisualiser en ligne iPad, iPhone…
- Responsive Media Query Viewport resizer bookmarklet
- Responsive Websites pratique et outils
- Screen Sizes. Super outil en ligne pour tester de nombreux formats, ordi, téléphone…
Firefox Extensions
- Firefox Aurora et Beta
- Add On Firefox Présentation
- Add On ou Module Firefox Accueil
- ColorZilla :: Modules pour Firefox
- Firebug :: Modules pour Firefox
- Font Finder :: Modules pour Firefox
- Web Developer
- CSS Live Reloader. Lien vers l’extension
- Markdown Here
Gestion de projet
- Méthode agile — Wikipédia
- Méthode Scrum — Wikipédia
- 8 Excellent Time Tracking Utilities for Mac
- Task & Time Management Software
- Track Your Billable Time Automatically
- Eon
- Electronic Signature Software, Digital Signatures | Adobe EchoSign. Gérer les signature électronique dans les PDF
- Ding. Outils de gestion du temps en ligne. Une application iPhone existe. Vous pouvez essayer pendant 90 jours.
Hébergement, Hosting
- Hebergement web pour WordPress Hébergeurs américains et français
- Hosts A to Z at Hostjury
- WP Engine | WordPress Hosting. Hébergement dédié pour WordPress avec la possibilité de créer des stagging area
- Linode – Xen VPS Hosting. Hébergement de VPS exclusivement. Le meilleur rapport qualité/prix. Il est possible de choisir leur data center en angleterre. Tout est désormais en SSD.
- Hébergeur NUXIT, hébergement site internet. Votre hebergeur internet depuis 2003.. hébergeur français
- PlanetHoster – Hébergeur Web – Solutions Internet. Bon hébergeur canadien et en français avec la qualité de SAV d’outre-Manche. Vous pouvez au moment de l’achat choisir un serveur en France.
- SSD Cloud Server, VPS Server, Simple Cloud Hosting | DigitalOcean. Que des VPS/SSD, super interface, data center en Europe et des prix à partir de 5$/mo. Que les autres s’accrochent.
- Pantheon. SAS pour Drupal et WordPress
- o2switch – Hébergeur Web. Hébergeur web français avec un très bon rapport qualité/prix.
HTML
- HTML-Ipsum
- Lorem Ipsum – All the facts – Lipsum generator
- HTML5 Boilerplate – A rock-solid default template for HTML5 awesome.
- HTML5 Reset :: A simple set of templates for any project
- Cupcake Ipsum – Sugar-coated Lorem Ipsum Generator. Générateur de Lorem Ipsum avec des recettes de cuisine.
IE (bouhh!)
- Machine virtuelle (MV), Windows PC virtuel & Browserstack | Modern.IE. Pour installer gratuitement plusieurs machines virtuelles microsoft. Ça ne dure qu’un mois et c’est k?9#!! à installer.
- Utilu.com. IE collection pour tester
- My DebugBar | IETester. Tester IE De 5 à 10
Images Générateurs
- Favicon / plugin photoshop
- Générateur moderne de Favicon. Merci Karen.
- Loading gif generator avec Ajax
- make favicon
- Favicon Generator and Gallery
- Favicon Generator
- Pixlr Editor
- Preloaders Loading GIF & APNG Generator
- How to Create Retina-Caliber Favicons. Une série d’application est donnée dans l’article de John Gruber
- Placehold.it – Quick and simple image placeholders. Outil en ligne pour générer très facilement des fausses images avec une une URL
- lorempixel – placeholder images for every case. Générateur d’images libres de droit. Merci Romain!
- ImageOptim — better Save For Web. Outil open source pour optimiser les image pour le web
- ImageAlpha — heavy compression for PNG images. Outil de compression poussé en open source pour les images PNG
- Squarespace Logo. Générateur de logo en ligne
- Google Web Designer. Outil gratuit créé par Google pour créer des annimation en HTML5
- Twitter Buttons | About
Image, Photos, vidéo libres de Droit
- Morguefile.com free stock photos. Et bien rester dans l’onglet morgueFile.
- Photo libre | photo gratuite libre de droit | photo libre de droit
- openphoto | openphoto
- Pexels · Free high quality stock photos. Très belles photos en HD
- Free Stock Videos, 4k Footage & HD Video Clips
Image Sprite
Image Retina
Image qui tournent (Spinners)
Maquette, Mockup
- 960 Grid System
- Gridulator: Make pixel grids, lickety-split
- The 1140px CSS Grid System · Fluid down to mobile
- Balsamiq Mockups Home | Balsamiq
- Prototyping Mobile First | Playground from ZURB . Beaucoup de ressources pour les Wireframe. Des stencils Omnigraffle sont aussi proposées.
- Axure. Logiciel pour créer des wireframe interactives
- wuwacorp – home of specKing and wireMagic photoshop plugins and illustrator extensions. Avec un article en français
- 20 Free UI Kits & Icons For Your Flat Web Designs. Grosse collection de UI Flat
Navigateur et Simulateur
Optimiser
- css compressor
- Compresseur CSS et Minifier
- CSS – Contents and compatibility – mobile
- CSS Lint. Evaluateur de code
- Alexa the Web Information Company
- Helium CSS. Pour afficher en JS les CSS non utilisés.
- Check GZIP compression. Pour vérifier si compression gzip est activée sur votre serveur.
Performance
- Website speed test Pingdom. Avec la localisation
- WebPagetest – Website Performance and Optimization Test. Avec une localisation précise.
- Website Test. Avec plusieurs options
- GTmetrix. Pour analyser les performance du de votre site. Cet outils combine plusieurs tests.
Tarifs
- The Comprehensive Guide To Setting Your Freelance Rates
- How to Charge for Websites: Pay-Per-Hour Projects
Typo
- 5 of the Best CSS3 Font Tools
- Google Fonts
- Colour Contrast Check – snook.ca
- Font Comparer
- Font Squirrel | Create Your Own @font-face Kits
- Typechart – Browse Web Type, Grab CSS.
- Typekit
- Typetester – Compare fonts for the screen
- Programming Fonts
- Icon Fonts are Awesome
- Fontello: The Past and Future of the Icon Font Service | CSS-Tricks
Vidéo, Audio
- EASY HTML5 VIDEO
- JW Player: Download | LongTail Video | Home of the JW Player
- Video Hosting for Business