Login Register

Ressources en ligne pour les Web Designers Cheat Sheet

A Programming cheat sheet in français (French) by Weizu

PHP CSS Web Design HTML Cms Web JS

19,566 views 3,362 downloads 21 Jun 2016 History

PRs

Download

4.9 avg · 1 rating

Responsive Webdesign & Compatibilité

http://detectmobilebrowsers.com/

http://quirktools.com/retro/

http://quirktools.com/screenfly/

http://design.google.com/resizer/

http://resizemybrowser.com/

http://mobilephoneemulator.com/

http://rqrwd.com/

http://ami.responsivedesign.is/

http://www.responsinator.com/

Couleurs

Roue chromatique	https://color.adobe.com/fr/create/color-wheel
Roue chromatique	http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Roue chromatique	http://colorschemedesigner.com/csd-3.5/
Générateur de palette (à partir d'une image)	http://labs.tineye.com/color/
Générateur de palette (à partir d'une image)	http://imagecolorpicker.com/fr
Générateur de palette (à partir d'une image)	http://pictaculous.com/
Générateur de palette (à partir d'une image)	http://www.degraeve.com/color-palette/
Générateur de palette	https://coolors.co/app/6c698d-d4d2d5-bfafa6-aa968a-6e6a6f
Générateur de palette	http://colorexplorer.com/colormatch.aspx
Générateur de palette	https://color.hailpixel.com/
Couleurs utilisées pour le Flatedesign	http://www.flatuicolorpicker.com/
Encodage de la couleur	http://www.hexcolortool.com/
Encodage de la couleur	http://www.colorpicker.com/
Colorothèque	http://www.0to255.com/
Colorothèque	http://colorexplorer.com/colorlibraries.aspx

Polices d'écriture

https://www.google.com/fonts

http://typewonder.com/

https://www.typetester.org/

http://www.fontreach.com/

http://www.myfonts.com/WhatTheFont/

Typothèques et testeurs de typographies Web

Banque d'Images

https://www.pexels.com/

https://pixabay.com/fr/

http://www.freepik.com/

http://morguefile.com/

http://www.gratisography.com/

http://photocollections.io/

http://moveast.me/

http://shutteroo.com/

http://digitalcollections.nypl.org/

http://blogdummi.fr/droit/guide-banques-images-photos-libres-de-droit-gratuites/

https://canweimage.com/

http://search.creativecommons.org/

http://www.freeimages.co.uk/

http://www.dreamstime.com/free-photos

http://www.freedigitalphotos.net/

http://www.stockvault.net/

https://freerangestock.com/

http://www.freepixels.com/

http://www.freestockphotos.biz/

http://www.freefoto.com/index.jsp

http://www.freephotobank.org/main.php

http://www.freephotos.se/

http://www.gratisography.com/

http://imagebase.net/

http://littlevisuals.co/

http://labs.tineye.com/multicolr/

http://publicdomainpictures.net/

https://picjumbo.com/

http://www.freemediagoo.com/

http://freephotocourse.com/free-images.html

http://fr.freeimages.com/

http://www.unprofound.com/

https://unsplash.com/

http://librestock.com/

http://image-net.org/

http://www.vecteezy.com/

Banque de Textures

https://freestocktextures.com/

http://www.texturesforest.com/

http://subtlepatterns.com/

http://www.transparenttextures.com/

http://www.textures.com/

http://www.texturequalitypro.com/

Edition de Favicons et Apple Icons

http://realfavicongenerator.net/

http://iconifier.net/

http://www.androidicongenerator.net/

Icônes

http://weloveiconfonts.com/

http://fontastic.me/

http://www.flaticon.com/

http://iconmonstr.com/

http://icones.pro/

https://www.iconfinder.com/

https://thenounproject.com/

http://www.wifeo.com/pictos-gratuits-creation-site.php?ordre=&couleur_select=&limite=208

http://www.axialis.com/free/icons/

http://simpleicon.com/

https://openclipart.org/

http://www.pictofrance.fr/Picto.aspx/accueil

Polices d'icônes

http://fontawesome.io/

http://www.entypo.com/

http://pfefferle.github.io/openwebicons/

http://fontello.com/

http://www.typicons.com/

https://useiconic.com/open/

http://stackicons.com/

https://design.google.com/icons/

http://www.iconian.com/

HTML

https://www.w3.org/TR/html/

https://robertnyman.com/html5/

http://html5doctor.com/

https://jaetheme.com/balises-html5/

http://www.tablesgenerator.com/html_tables

https://word2cleanhtml.com/

HTML - Microdatas

http://microdatagenerator.org/

https://www.w3.org/2003/12/semantic-extractor.html

http://schema-creator.org/

http://schema.org/

Javascript

https://robertnyman.com/javascript/

https://jquery.com/

HTML, CSS & JS

http://www.cleancss.com/?lang=fr

https://jaetheme.com/methode-integration-html/

Docs CSS en ligne

http://css-cursor.techstream.org/

http://www.blooberry.com/indexdot/css/propindex/all.htm

https://robertnyman.com/css3/

https://jaetheme.com/tutoriels-et-references-css3/

http://guidecss.fr/

http://olivierschmitt.fr/dictionnaire-css/

Générateurs CSS en ligne

http://cubic-bezier.com/

http://nth-test.com/

http://www.debray-jerome.fr/outils/Generateur-de-box-shadow-css3.html

http://www.debray-jerome.fr/outils/Generateur-de-gradient-css3.html

http://www.debray-jerome.fr/outils/Generateur-de-bordure-css3.html

http://www.debray-jerome.fr/outils/Generateur-de-multi-colonnes-en-css3.html

http://css3buttongenerator.com/

http://www.debray-jerome.fr/outils/Generateur-de-boutons-css3.html

http://www.patternify.com/

http://pleeease.io/play/

http://css3generator.com/

http://www.colorzilla.com/gradient-editor/

http://csstypeset.com/

http://www.css3maker.com/

http://www.css3generator.in/default.html

http://www.cssportal.com/

http://csstxt.com/

http://border-radius.com/

http://www.westciv.com/tools/gradients/index.html

http://pxtoem.com/

http://px-em.com/

http://layerstyles.org/

http://css-cursor.techstream.org/

http://howtocenterincss.com/

http://ianlunn.github.io/Hover/

CSS Flexbox

http://the-echoplex.net/flexyboxes/

http://www.sketchingwithcss.com/samplechapter/cheatsheet.html

https://philipwalton.github.io/solved-by-flexbox/

Planches tendance

http://styletil.es/

http://webstiles.namanyayg.com/

http://codepen.io/jcasabona/pen/OPzGRN

https://www.sitepoint.com/style-tiles-sass/

https://github.com/AdyGould/StyleTiles

Design - Ressources & Editeurs

http://www.brush-photoshop.fr/

https://www.picozu.com/editor/

http://waifu2x.udp.jp/

https://pixlr.com/editor/

http://www.autreplanete.com/ap-social-media-image-maker/index-fre.html

https://v2.polarr.co/

Outils de Tests

W3C Validators	http://w3c.github.io/developers/tools/
W3C Log Validator	https://www.w3.org/QA/Tools/LogValidator/
Microdatas	https://search.google.com/structured-data/testing-tool/u/0/
Google Mobile Friendly	https://www.google.com/webmasters/tools/mobile-friendly/?hl=fr
Lisibilité des couleurs	https://snook.ca/technical/colour_contrast/colour.html#fg=33FF33,bg=333333

Lorems & Placeholders

Lorem Ipsum	http://fr.lipsum.com/
Placeholder avec tailles	http://placehold.it/
Placeholder avec des images Open sources	http://lorempixel.com/

Autres outils

https://www.wetransfer.com/

http://www.jolicloud.com/

http://patorjk.com/software/taag/

http://www.chronometre-en-ligne.com/

https://rizzoma.com/

https://infogr.am/

Veille & Inspirations

http://www.journal-du-design.fr/

http://www.informationisbeautiful.net/

https://dribbble.com/

http://www.calltoidea.com/

http://www.bonjour404.fr/

http://blog.gaborit-d.com/

http://www.responsivelogos.co.uk/

http://www.webanddesigners.com/

http://www.alsacreations.com/

Wireframes & Moockups

https://wireframe.cc/

https://www.gliffy.com/

https://www.draw.io/

https://cacoo.com/lang/fr/

https://www.mockflow.com/

https://moqups.com/#!/

https://placeit.net/

http://smartmockups.com/

Badges

Nice Cheat Sheet Good Cheat Sheet Downloaded from Unusual Locations × 2

Comments

No comments yet.

Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.