{"id":1068,"date":"2018-08-15T12:23:32","date_gmt":"2018-08-15T12:23:32","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=1068"},"modified":"2022-09-12T13:38:36","modified_gmt":"2022-09-12T13:38:36","slug":"outils-et-ressources-de-conception-web-gratuits","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/","title":{"rendered":"Collection d&#8217;outils et de ressources de conception Web gratuits. Le design est facile si vous le faites intelligemment!"},"content":{"rendered":"<p style=\"text-align: justify\">Peut-il y avoir trop d'outils gratuits pour acc\u00e9l\u00e9rer \/ rationaliser votre processus de conception Web ? Bien s\u00fbr, il n'y en a pas, car de nouvelles technologies de pointe apparaissent chaque jour. Chaque jour, les d\u00e9veloppeurs Web trouvent quelque chose d\u2019int\u00e9ressant et de nouveau. Mais il faut du temps pour rechercher le contenu pertinent sur le net.<\/p>\n<p style=\"text-align: justify\">\u00c9conomisez votre temps et votre \u00e9nergie pour la cr\u00e9ation. Monster Post est l\u00e0 pour \u00e9tancher votre soif de connaissances. L\u2019auteur de cet article a d\u00e9j\u00e0 d\u00e9couvert <strong>137 outils de d\u00e9veloppement Web gratuits et des ressources de conception<\/strong>&nbsp;par lesquels les concepteurs et d\u00e9veloppeurs Web enthousiastes pourraient \u00eatre int\u00e9ress\u00e9s. Je parie que certains <strong>outils gratuits de conception de sites Web<\/strong> simplifieront vraiment votre processus de travail. Certains des <strong>meilleurs outils de d\u00e9veloppement Web<\/strong> vous surprendront et d\u2019autres vous tiendront au courant.<\/p>\n<p style=\"text-align: justify\">Tous les outils, articles, tutoriels, plug-ins, conseils et astuces pr\u00e9sent\u00e9s dans cet article ne vous co\u00fbteront pas un centime. Notre \u00e9quipe s\u2019efforce d\u2019\u00e9conomiser votre argent, elle collecte donc des trucs gratuits d\u00e8s le premier tour (s\u2019il convient, bien s\u00fbr, de faire l\u2019objet d\u2019une attention particuli\u00e8re). Si certains outils ne sont pas totalement gratuits, leur p\u00e9riode d\u2019essai est gratuite. Pendant ce temps, vous pourrez le d\u00e9chirer et le porter comme bon vous semble ou comprendre si cela en vaut vraiment la peine. Certains des produits ont des forfaits gratuits et payants, qui permettent \u00e9galement de se familiariser avec l'innovation sans sortir le portefeuille de la poche de hanche de votre jean.<\/p>\n<p><strong>Ce r\u00e9sum\u00e9 comprend les sections suivantes :<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#Web%20design%20tools\" target=\"_blank\">Outils pour conception Web<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#Some%20freebies%20for%20Sketch%20&amp;%20Mac\" target=\"_blank\">Quelques freebies pour Sketch &amp; Mac<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#UI\/UX%20%E2%80%93%20useful%20reading\" target=\"_blank\">UI\/UX + lecture utile<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#Coding%20&amp;%20web%20development%20tools\" target=\"_blank\">Outils pour codage et d\u00e9veloppement Web<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#Web%20developer%E2%80%99s%20must-read\" target=\"_blank\">Lecture pour d\u00e9veloppeurs Web<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#CSS\" target=\"_blank\">CSS<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#JavaScript\" target=\"_blank\">JavaScript<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#ES6\" target=\"_blank\">ES6<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#Plugins\" target=\"_blank\">Plugins<\/a><\/li>\n<li><a href=\"https:\/\/www.templatemonster.com\/blog\/fr\/outils-et-ressources-de-conception-web-gratuits\/#Play%20&amp;%20learn%20coding\" target=\"_blank\">Jouer et apprendre le codage<\/a><\/li>\n<\/ul>\n<p style=\"text-align: justify\"><em>Cliquez simplement sur le lien qui vous int\u00e9resse le plus pour ignorer le reste des \u00e9l\u00e9ments de la liste si vous n'avez pas le temps de les parcourir tous ou si les informations ne couvrent pas votre domaine de travail particulier.<\/em><\/p>\n<hr>\n<p><a name=\"Web design tools\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/01.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"text-align: justify\"><a href=\"http:\/\/macaw.co\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Macaw<\/a>&nbsp;- Un outil de conception de sites Web qui permet d'arr\u00eater d'\u00e9crire du code et de commencer \u00e0 le dessiner. Macaw offre la m\u00eame flexibilit\u00e9 que votre \u00e9diteur d'images pr\u00e9f\u00e9r\u00e9 mais \u00e9crit \u00e9galement du HTML s\u00e9mantique et des CSS remarquablement succincts.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/www.gravit.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Gravit<\/a>&nbsp;- Gravit est un outil de conception professionnel bas\u00e9 sur le Web pour les concepteurs et les mondains. Avec son aide, vous pouvez facilement cr\u00e9er de superbes logos, cartes de visite, sites Web, d\u00e9pliants et couvertures de m\u00e9dias sociaux.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/www.lucidpress.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Lucidpress<\/a>&nbsp;- Permet de cr\u00e9er et de partager des contenus visuels \u00e9poustouflants : brochures, prospectus, bulletins d'information, rapports, publications num\u00e9riques, d\u00e9pliants en ligne, magazines num\u00e9riques, etc. Il \u00e9limine la courbe d'apprentissage des logiciels de mise en page et de conception traditionnels, afin que les concepteurs nouveaux et exp\u00e9riment\u00e9s se sentent comme chez eux.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/sparkle.cx\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Sparkle<\/a>&nbsp;- Outil de dessin vectoriel vous offrant des possibilit\u00e9s infinies d'expression. Sparkle ne vous enferme pas dans des mod\u00e8les rigides, la mise en forme est libre. L'outil est pay\u00e9, mais a une version d'essai gratuite.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.logogala.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">LogoGala<\/a>&nbsp;- Les concepteurs peuvent soumettre leurs \u0153uvres pour examen dans la galerie ou simplement parcourir la galerie pour trouver l'inspiration.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.logogala.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/LogoGala.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><\/a><\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"text-align: justify\"><a href=\"https:\/\/fbrctr.github.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Fabricator<\/a>&nbsp;- Organisez votre syst\u00e8me de conception comme vous le souhaitez. G\u00e9n\u00e9rez un guide de style \u00e0 partir de votre code de bo\u00eete \u00e0 outils. Ecrivez de la documentation en balisage pour faciliter l'utilisation de votre toolkit par les autres d\u00e9veloppeurs. Prototype rapidement.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/uilang.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Uilang<\/a>&nbsp;- Uilang est utile pour cr\u00e9er des composants d'interface utilisateur personnalis\u00e9s, en ajoutant une certaine interactivit\u00e9 \u00e0 votre site, en cr\u00e9ant des prototypes, etc. Aucune exp\u00e9rience de programmation n'est requise.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/anijs.github.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Anijs<\/a>&nbsp;- Une biblioth\u00e8que pour am\u00e9liorer vos comp\u00e9tences en conception Web sans codage. Offre une meilleure int\u00e9gration entre les codeurs et les concepteurs, est facile \u00e0 utiliser, rapide, fonctionne bien sur iPad, iPhone, Android et les navigateurs modernes.<\/li>\n<li><a href=\"http:\/\/www.colorfavs.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">ColorFavs<\/a>&nbsp;- C'est l'endroit id\u00e9al pour cr\u00e9er et d\u00e9couvrir de nouvelles couleurs et palettes pour tous vos projets.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.colorfavs.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/ColorFavs.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><\/a><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"http:\/\/froont.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Froont<\/a>&nbsp;- Cr\u00e9ez vous-m\u00eame des pages adaptatives sans la participation d'un d\u00e9veloppeur. Chaque page cr\u00e9\u00e9e avec FROONT est une page statique facile \u00e0 cr\u00e9er et \u00e0 charger rapidement.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.statnutapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">STATNUT<\/a>&nbsp;- STATNUT est un emplacement central pour toutes vos statistiques Web. L'application est belle et color\u00e9e.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/designfeed.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Designfeed<\/a>&nbsp;- En fait, il vous suffit de dire \u00e0 Designfeed ce que vous voulez et il cr\u00e9e automatiquement un nombre infini de variantes de conception. L'outil cr\u00e9e automatiquement des versions parfaitement dimensionn\u00e9es de votre conception pour les publier sur toutes vos plateformes sociales.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/bonsai.pxf.io\/NKDr9b\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Bonsai<\/a>&nbsp;- Explorez les taux de freelance avec Bonsai. Il aide plus de 10 000 freelancers de haut niveau \u00e0 \u00eatre pay\u00e9s \u00e0 temps. Vous obtenez 5 factures gratuites lors de votre inscription.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/thepatternlibrary.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">The Pattern Library<\/a>&nbsp;- La biblioth\u00e8que de motifs \u00e9tonnants est un projet en cours qui respecte les mod\u00e8les partag\u00e9s par les designers les plus talentueux que vous pouvez utiliser librement dans vos cr\u00e9ations. La collection de motifs et la qualit\u00e9 sont de qualit\u00e9 sup\u00e9rieure.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/reedsy.com\/write-a-book\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Write a Book<\/a>&nbsp;- Vous envisagez de partager vos connaissances dans un livre ou de concevoir un livre pour le tiers? Ce bel outil de production prend en charge le formatage et la conversion, avant m\u00eame que vous ayez fini d'\u00e9crire.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/sourcefoundry.org\/hack\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Hack<\/a>&nbsp;- D\u00e9tournez-vous avec n'importe quel outil d'\u00e9dition de polices moderne et personnalisez-le selon vos besoins. Comprend des ensembles obliques r\u00e9guliers, gras, obliques et gras monospaces pour couvrir tous vos besoins de mise en \u00e9vidence de la syntaxe. Il fournit plus de 1500 glyphes qui incluent des jeux de caract\u00e8res latins, grecs modernes et cyrilliques \u00e9tendus avec amour.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/desygner.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Desygner<\/a>&nbsp;- Avec Desygner, vous pouvez \u00e9diter depuis un ordinateur, une tablette ou un t\u00e9l\u00e9phone, importer des images et du texte \u00e0 partir de fichiers Adobe PDF, PSD et Microsoft Powerpoint. Il offre \u00e0 des millions de personnes le droit d\u2019utiliser des images publiques \u00e0 glisser et d\u00e9poser, des milliers d\u2019arri\u00e8re-plans, d\u2019autocollants et de texte gratuits. Partagez en ligne ou t\u00e9l\u00e9chargez gratuitement un fichier PDF, JPG ou PNG.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/cmdspace.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">CMD space<\/a>&nbsp;- Chaque concepteur a besoin d'un portfolio. L'outil se connecte \u00e0 votre compte Dribbble, ce qui vous permet de cr\u00e9er un portfolio de conception instantan\u00e9e.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/wevideo.pxf.io\/2rzmrG\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">WeVideo<\/a>&nbsp;- WeVideo est une plateforme de cr\u00e9ation vid\u00e9o collaborative bas\u00e9e sur un cloud. Vous n'avez pas besoin d'\u00eatre un professionnel pour cr\u00e9er des vid\u00e9os de haute qualit\u00e9. Cependant, vous contr\u00f4lez l'apparence de votre vid\u00e9o, y compris les transitions, le ralenti \/ acc\u00e9l\u00e9r\u00e9, l'\u00e9cran vert, etc. WeVideo permet de sauvegarder votre disque dur. T\u00e9l\u00e9charger sur le cloud. Commencez sur un ordinateur et ramassez-vous l\u00e0 o\u00f9 vous l'avez laiss\u00e9 sur un autre.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/blog.semplicelabs.com\/studio-version\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Semplice<\/a>&nbsp;- Le premier syst\u00e8me de portfolio d\u2019\u00e9tudes de cas enti\u00e8rement adaptatif avec des fonctionnalit\u00e9s avanc\u00e9es pour les petits studios et les startups.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/builditwith.me\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Build it with Me<\/a>&nbsp;- Build it with Me est un outil qui permet de se connecter avec des concepteurs et des d\u00e9veloppeurs aux vues similaires, unis par le m\u00eame objectif: cr\u00e9er des applications sympas et utiles.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/visage.co\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Visage<\/a>&nbsp;- Besoin de cr\u00e9er beaucoup de contenu visuel? Visage est un outil de conception qui simplifie la cr\u00e9ation de contenu sur la marque, contrairement au travail avec des fournisseurs lents et co\u00fbteux.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/ezgif.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Ezgif<\/a>&nbsp;- Ezgif.com est un simple g\u00e9n\u00e9rateur de fichiers gif en ligne et un ensemble d'outils pour l'\u00e9dition de base de gif anim\u00e9. Ici, vous pouvez cr\u00e9er, redimensionner, recadrer, inverser, optimiser et appliquer des effets aux gifs. Vous pouvez utiliser ces outils en ligne pour presque tous les autres types d'images (JPEG, PNG, BMP, TIFF).<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/sandbox.imgix.com\/create\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Imgix<\/a>&nbsp;- Avec imgix, vous pouvez redimensionner et traiter les images en temps r\u00e9el avec de simples commandes URL. Entrez une URL imgix ou cliquez sur un exemple et le bac \u00e0 sable d\u00e9composera chaque transformation d'image pour vous lorsque vous \u00e9ditez et ajoutez de nouvelles op\u00e9rations.<\/li>\n<\/ul>\n<hr>\n<p><a name=\"Some freebies for Sketch &amp; Mac\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/sketch-mac.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"https:\/\/medium.com\/sketch-app-sources\/designing-with-meaningful-data-5456b40e172e#.hpr2wfjk9\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Craft<\/a>&nbsp;- Craft est la nouvelle r\u00e9f\u00e9rence pour les interfaces utilisateur du plug-in Sketch. Il permet une manipulation directe, un traitement WYSIWYG-like pour les donn\u00e9es factices. Il comporte \u00e9galement une interface int\u00e9gr\u00e9e simple pour \u00e9tendre les donn\u00e9es d\u2019\u00e9chantillon en copiant et en collant des fichiers texte plats. Cliquer sur les blocs de contenu des sites Web existants pour int\u00e9grer leurs donn\u00e9es dans votre propre conception est une autre approche pratique.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/tombutterfield.gumroad.com\/l\/LAyuz?a=967376819\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Mobile Wireframe Kit<\/a>&nbsp;- Mobile Wireframe Kit est un document Sketch comprenant certains des \u00e9l\u00e9ments d'interface utilisateur les plus utilis\u00e9s dans la conception d'applications mobiles.<\/li>\n<li><a href=\"http:\/\/www.sketchapp.com\/extensions\/plugins\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Sketch Plugins<\/a>&nbsp;- Collection de plugins pour Sketch cr\u00e9\u00e9e par des d\u00e9veloppeurs tiers.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/sketchtoolbox.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Sketch Toolbox<\/a>&nbsp;- Un simple gestionnaire de plugin pour Sketch. Il vous permet de parcourir les plugins les plus populaires disponibles pour Sketch. T\u00e9l\u00e9chargez et installez de nouveaux plugins en un seul clic. Conservez automatiquement tous ces plugins \u00e0 jour.<\/li>\n<li><a href=\"http:\/\/sketch.land\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Sketch Land<\/a>&nbsp;- Une liste des ressources les plus utiles pour ceux qui utilisent Sketch.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/labs.invisionapp.com\/craft\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Craft<\/a>&nbsp;- Craft est une suite de plugins pour Sketch et Photoshop qui vous permet de concevoir avec des donn\u00e9es r\u00e9elles, d'importer des donn\u00e9es riches et de dupliquer rapidement les actifs de conception.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/bjango.com\/designresources\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Bjango<\/a>&nbsp;- Un ensemble complet de mod\u00e8les d'ic\u00f4nes d'application pour Photoshop, Illustrator, Sketch et Affinity Designer. Les mod\u00e8les couvrent Android, iOS, OS X, Apple TV (tvOS), Apple Watch (watchOS), Windows, Windows Phone et les favicons Web. Plus une collection d'actions Photoshop, des scripts Photoshop, des r\u00e8gles Hazel, des workflows OS X et d'autres \u00e9l\u00e9ments al\u00e9atoires pour les concepteurs et les d\u00e9veloppeurs d'\u00e9cran.<\/li>\n<li><a href=\"https:\/\/github.com\/andrewfiorillo\/sketch-palettes\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Sketch Palettes<\/a>&nbsp;- Plugin Sketch qui vous permet de sauvegarder et de charger des couleurs dans le s\u00e9lecteur de couleurs.<\/li>\n<li><a href=\"https:\/\/marvelapp.com\/prototype-with-sketch\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Marvel<\/a>&nbsp;- Marvel est un plugin pour Sketch pour la cr\u00e9ation de prototypes mobiles et Web.<\/li>\n<li><a href=\"https:\/\/github.com\/cognitom\/symbols-for-sketch\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Cognitom<\/a>&nbsp;- Un ensemble de mod\u00e8les pour cr\u00e9er une police de symbole ou une police d\u2019ic\u00f4ne avec Sketch.<\/li>\n<\/ul>\n<p><strong>Outils pour Mac uniquement<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/realmacsoftware.com\/rapidweaver\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">RapidWeaver<\/a>&nbsp;- Concevez, cr\u00e9ez et publiez votre propre site Web en utilisant ce superbe outil pour Mac.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/cactusformac.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Cactus for MAC<\/a>&nbsp;- Un g\u00e9n\u00e9rateur de site statique rapide et simple utilisant la meilleure technologie de conception Web dans une solution \u00e9l\u00e9gante.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/designcode.io\/ios9\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">iOS 9 GUI<\/a>&nbsp;- Ce kit vous permet d'analyser les \u00e9l\u00e9ments d'interface utilisateur pour iOS 9 dans un format vectoriel de 100%. Utilisez-le pour \u00e9tudier, pr\u00e9senter et concevoir de superbes applications.<\/li>\n<\/ul>\n<hr>\n<p><a name=\"UI\/UX \u2013 useful reading\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/ui-ux.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><br \/>\n<strong>Outils UI\/UX&nbsp;<\/strong><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"http:\/\/collectui.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">UI<\/a>&nbsp;- Une inspiration quotidienne recueillie dans les archives de l'interface utilisateur et au-del\u00e0. Plus de 2200 designs bris\u00e9s \u00e0 117 cat\u00e9gories.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/heat-map.co\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Heat Map<\/a>&nbsp;-&nbsp;Vous aidera \u00e0 comprendre quels \u00e9l\u00e9ments des pages Web re\u00e7oivent plus ou moins d\u2019attention. Le r\u00e9sultat est g\u00e9n\u00e9ralement disponible en moins de 20 secondes. Pas besoin d'ins\u00e9rer des codes ou des scripts sp\u00e9ciaux. L'algorithme est bas\u00e9 sur des recherches scientifiques.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/usabilitysquare.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Usability Square<\/a>&nbsp;- C'est l'endroit o\u00f9 les passionn\u00e9s de la convivialit\u00e9 se rassemblent pour tester leurs id\u00e9es et leurs produits et vous avez la possibilit\u00e9 d'obtenir des commentaires impartiaux de personnes r\u00e9elles. Les cartes thermiques sont disponibles instantan\u00e9ment.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/marvelapp.com\/user-testing\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Marvel<\/a>&nbsp;- Transformez les conceptions et les esquisses en prototypes iOS en les faisant glisser et en les d\u00e9posant dans Marvel, envoyez votre prototype aux utilisateurs et commencez les tests. Voir exactement ce qui s'est pass\u00e9 \u00e0 chaque point de votre prototype, puis partager les r\u00e9sultats avec votre \u00e9quipe.<\/li>\n<\/ul>\n<p><strong>Lecture UI\/UX (en anglais)<\/strong><\/p>\n<ul>\n<li><a class=\"broken_link\" href=\"https:\/\/www.linkedin.com\/pulse\/why-were-doubling-down-buttons-nathaniel-hindman\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">URX<\/a>&nbsp;- Nate Hindman explique comment ajouter un bouton \"Acheter\" \u00e0 votre application sans coder avec URX.<\/li>\n<li><a href=\"http:\/\/dangrover.com\/blog\/2016\/01\/31\/more-chinese-mobile-ui-trends.html\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Chinese Mobile UI Trends<\/a>&nbsp;- Tendances de l'interface utilisateur mobile chinoise - un article de Dan Grover.<\/li>\n<li><a href=\"https:\/\/clk.tradedoubler.com\/click?p=264355&amp;a=3279527&amp;url=https%3A%2F%2Fblog.adobe.com%2Fen%2Ftopics%2Fdreamweaver\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Animation Principles<\/a>&nbsp;- Cinq principes pour une animation efficace dans UX par Linn Vizard.<\/li>\n<li><a href=\"https:\/\/medium.com\/@MrAlanCooper\/ux-design-in-14-simple-steps-b8a0f2780769#.s9d881l3s\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">UX Design Steps<\/a>&nbsp;- Un design UX en 14 \u00e9tapes simples par Alan Cooper.<\/li>\n<li><a href=\"http:\/\/speckyboy.com\/2016\/02\/15\/micro-interactions\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Using Micro-interactions<\/a>&nbsp;- M\u00e9thodes d'utilisation des micro-interactions sur votre site par Stephen Moyers.<\/li>\n<li><a href=\"http:\/\/www.creativebloq.com\/infographic\/9-ways-use-mind-control-web-design-21619276\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Mind Control in Web Design<\/a>&nbsp;- 9 fa\u00e7ons d'utiliser le contr\u00f4le mental dans la conception Web dans une infographie simple.<\/li>\n<li><a href=\"http:\/\/www.sitepoint.com\/less-painful-prototyping-tips\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Prototyping Tips<\/a>&nbsp;- Rendre le prototypage moins douloureux avec ces conseils de Charles Costa.<\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2016\/02\/create-content-wireframes-for-responsive-design\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Content Wireframes for Responsive Design<\/a>&nbsp;- Cr\u00e9ation de wireframes de contenu pour un design r\u00e9actif - tutoriel par Tom Green.<\/li>\n<\/ul>\n<hr>\n<p><a name=\"Coding &amp; web development tools\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/041.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.imcreator.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Im Creator<\/a>&nbsp;- C'est plus qu'un constructeur de site Web typique. Ici, vous utilisez des bandes et des polydoms pr\u00eats \u00e0 l'emploi pour la cr\u00e9ation. Vous n'avez pas besoin de coder et les r\u00e9sultats sont enti\u00e8rement r\u00e9actifs et Google friendly. Il est \u00e9galement livr\u00e9 avec le commerce \u00e9lectronique et les blogs.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/stackhive.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">StackHive<\/a>&nbsp;- StackHive vous permet de concevoir des sites Web r\u00e9actifs et pixelis\u00e9s via une interface de glisser-d\u00e9poser et g\u00e9n\u00e8re automatiquement du code de qualit\u00e9 de production HTML, CSS et JS. Fournit des panneaux de style et d'animation complets pour contr\u00f4ler tous les aspects de votre conception et de vos interactions.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/raml.org\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">RAML<\/a>&nbsp;- Avec RAML, vous voyez \u00e0 quoi ressemble votre API lorsque vous la concevez en texte brut simple \u00e0 lire. Vous n'avez pas besoin d'\u00e9crire une seule ligne de code. Vous pouvez non seulement perfectionner la conception de votre API, mais \u00e9galement cr\u00e9er un mod\u00e8le enti\u00e8rement fonctionnel pour que les clients, les partenaires et vos ing\u00e9nieurs internes puissent examiner et cr\u00e9er.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/designresearchtechniques.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Design Research Techniques<\/a>&nbsp;- Ceci est un r\u00e9f\u00e9rentiel en ligne pour les techniques de conception participative. Ces techniques permettent de faire \u00e9voluer le cycle de vie d'un projet gr\u00e2ce \u00e0 la participation de multiples parties prenantes, notamment des utilisateurs ou des publics potentiels, des partenaires ou des \u00e9quipes internes.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.surrealcms.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Surreal CMS<\/a>&nbsp;- Surreal CMS se connecte \u00e0 votre site Web via FTP, SFTP ou Amazon S3 pour apporter des modifications. Vous n'aurez plus jamais \u00e0 vous soucier des mises \u00e0 jour. Vos clients ne pourront modifier le contenu que dans les \u00e9l\u00e9ments sp\u00e9cifi\u00e9s. Toutes les modifications sont suivies afin que vous puissiez voir ce que font vos clients et m\u00eame revenir aux versions pr\u00e9c\u00e9dentes si n\u00e9cessaire. Essai gratuit de 14 jours disponible.<\/li>\n<li><a href=\"https:\/\/github.com\/adobe\/brackets\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Brackets<\/a>&nbsp;- Un \u00e9diteur de texte open source pour les concepteurs Web d'Adobe \u00e9crit en JavaScript, HTML et CSS.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/www.google.com\/webdesigner\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Web Designer<\/a>&nbsp;- Cr\u00e9ez des conceptions interactives bas\u00e9es sur HTML5 et des graphiques anim\u00e9s qui peuvent s'ex\u00e9cuter sur n'importe quel p\u00e9riph\u00e9rique. Ceci est une suite de conception compl\u00e8te qui vous permet de donner vie \u00e0 toute vision. L'outil prend en charge HTML5 et CSS3 pour que vous puissiez vous concentrer sur la cr\u00e9ation de superbes exp\u00e9riences visuelles.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/responsivewebdesigntester.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Responsive Web Design Tester<\/a>&nbsp;- Testez votre conception sur tous les appareils, pr\u00e9visualisez rapidement vos conceptions de site Web r\u00e9actives aux dimensions qui seront affich\u00e9es sur les gadgets mobiles populaires.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/browsershots.org\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Browser Shots<\/a>&nbsp;- Browsershots effectue des captures d'\u00e9cran de votre conception Web dans diff\u00e9rents syst\u00e8mes d'exploitation et navigateurs. De cette fa\u00e7on, vous pouvez tester la compatibilit\u00e9 du navigateur de votre site Web au m\u00eame endroit.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/fenixwebserver.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Fenix Web Server<\/a>&nbsp;- Fenix est un serveur web de bureau statique simple. Bon pour les d\u00e9veloppeurs et les concepteurs travaillant avec des sites statiques. Avec Fenix, vous pouvez lancer \/ tuer des serveurs Web statiques, il d\u00e9tecte automatiquement les ports disponibles. Inclut un conteneur de requ\u00eates, un support Growl, un rendu Markdown et un outil de ligne de commande lisse. Vous permet de g\u00e9rer visuellement des sites locaux c\u00f4te \u00e0 c\u00f4te, avec des vignettes, des journaux et bien plus encore, de d\u00e9velopper localement et de partager en ligne via localtunnel.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/nwjs.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">NW.js<\/a>&nbsp;- NW.js vous permet d'appeler tous les modules Node.js directement \u00e0 partir de DOM et permet une nouvelle fa\u00e7on d'\u00e9crire des applications dans HTML5, CSS3, JS et WebGL modernes.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/commercejs.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Commerce.js<\/a>&nbsp;- L'outil permet de cr\u00e9er rapidement de belles exp\u00e9riences de commerce \u00e9lectronique qui commencent par quelques lignes de code.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Tools\/Valence\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Valence<\/a>&nbsp;- Valence est un compl\u00e9ment exp\u00e9rimental qui permet aux outils de d\u00e9veloppement Firefox de d\u00e9boguer une plus grande vari\u00e9t\u00e9 de navigateurs, pas seulement les navigateurs Firefox, Firefox pour Android et Firefox OS bas\u00e9s sur Gecko. Les cibles de d\u00e9bogage initiales sont Chrome sur Android, Chrome Desktop et Safari sur iOS.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/etleap.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Etleap<\/a>&nbsp;- L'outil permet de connecter toutes les sources de donn\u00e9es qui vous int\u00e9ressent, d'analyser vos donn\u00e9es plus rapidement que jamais et de ne jamais plus vous soucier d'ETL.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/code-fight.club\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Code Fight Club<\/a>&nbsp;- C'est un v\u00e9ritable club de combat pour les codeurs. Ici, vous pouvez voter, commenter ou lancer votre propre combat de code.<\/li>\n<\/ul>\n<p style=\"text-align: justify\"><strong>Outils de collaboration pour le d\u00e9veloppement Web<\/strong><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Figma<\/a>&nbsp;- Avec figma, vous pouvez faire du travail de conception en ligne, travailler avec les autres sur le m\u00eame design, en m\u00eame temps. Votre travail est constamment enregistr\u00e9 (les anciennes versions sont accessibles en un clic). L'outil fonctionne sur n'importe quel syst\u00e8me d'exploitation et est gratuit lors de la publication de l'aper\u00e7u.<\/li>\n<\/ul>\n<hr>\n<p><a name=\"Web developer\u2019s must-read\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/05.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><\/p>\n<ul>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2016\/02\/getting-ready-for-http2\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Getting ready for HTTP\/2<\/a>&nbsp;- Pr\u00e9parez-vous pour HTTP \/ 2: un guide pour les concepteurs et d\u00e9veloppeurs Web par Rachel Andrew.<\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2016\/02\/everything-about-google-accelerated-mobile-pages\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Google Accelerated Mobile Pages<\/a>&nbsp;- Transformez votre AMP en 11: tout ce que vous devez savoir sur les pages mobiles acc\u00e9l\u00e9r\u00e9es de Google par Christian Cantrell.<\/li>\n<li><a href=\"https:\/\/www.keycdn.com\/blog\/improve-google-ranking\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Improve Google Ranking<\/a>&nbsp;- 5 fa\u00e7ons d'am\u00e9liorer le classement de Google dans les SERP avec un CDN de Brian Jackson.<\/li>\n<li><a href=\"https:\/\/aerotwist.com\/blog\/the-anatomy-of-a-frame\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">A Frame<\/a>&nbsp;- L'anatomie d'un cadre par Aerotwist.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/packtpub.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Packt Pub<\/a>&nbsp;- Ici, vous pouvez consulter certains des livres et vid\u00e9os les plus r\u00e9cents, les plus excitants et les plus vendus pour les concepteurs et les d\u00e9veloppeurs s\u00e9lectionn\u00e9s par les \u00e9diteurs de sites.<\/li>\n<\/ul>\n<hr>\n<p><a name=\"CSS\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/061.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><br \/>\n<strong>Outils CSS<\/strong><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"https:\/\/digital.com\/tools\/html-cheatsheet\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">HTML Cheat Sheet<\/a>&nbsp;- Cette feuille HTML interactive contient une liste compl\u00e8te de tous les \u00e9l\u00e9ments HTML, y compris des descriptions, des exemples de code et des aper\u00e7us en direct.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/enjoycss.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Enjoy CSS<\/a>&nbsp;- Ceci est un g\u00e9n\u00e9rateur CSS avanc\u00e9 pour cr\u00e9er des styles graphiques riches sans codage.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/csstypeset.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">CSS Typeset<\/a>&nbsp;- Il suffit de coller le texte que vous souhaitez modifier, puis de copier et coller le code CSS g\u00e9n\u00e9r\u00e9 dans votre feuille de style..<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/bitsofco.de\/the-one-css-feature\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">One CSS Feature<\/a>&nbsp;- La fonctionnalit\u00e9 CSS que je veux vraiment par bitsofcode.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/codepen.io\/tmrDevelops\/pen\/VeRvKX\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Imperfect Buttons<\/a>&nbsp;- Boutons de bordure dessin\u00e9s \u00e0 la main. Un stylo de Tiffany Rayside.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.poormansstyleguide.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Poor Man's Styleguide<\/a>&nbsp;- C'est un guide de style frontal rapide, con\u00e7u pour \u00eatre copi\u00e9 et coll\u00e9 dans votre CMS. Si vous n'\u00eates pas Twitter Bootstrap, vous n'avez pas le temps ni l'argent pour cr\u00e9er une biblioth\u00e8que de patrons CSS dynamique et personnalis\u00e9e, utilisez ce guide de style.<\/li>\n<\/ul>\n<p style=\"text-align: justify\"><strong>Lecture CSS<\/strong><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"https:\/\/www.templatemonster.com\/startup-hub\/responsive-web-design-tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive Web Design Tutorial<\/a>&nbsp;- questions, mythes, probl\u00e8mes et solutions r\u00e9elles par Jeff Bell.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.noupe.com\/development\/css-custom-properties-how-to-use-variables-in-chrome-49-95998.html\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">How to Use Variables in Chrome 49<\/a>&nbsp;- Propri\u00e9t\u00e9s personnalis\u00e9es CSS: comment utiliser des variables dans Chrome 49 par Ioanni Mitsakis.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/css-tricks.com\/on-object-fit-and-object-position\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Object Fit and Object Position<\/a>&nbsp;- Un aper\u00e7u rapide de `object-fit` et` object-position` par Robin Rendle.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/thenewcode.com\/414\/Make-a-Dynamic-Portfolio-with-CSS-Scrolling-Snap-Points\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Dynamic Portfolio with CSS Scrolling Snap Points<\/a>&nbsp;- Cr\u00e9ez un portfolio dynamique avec d\u00e9filement CSS Snap Points par le nouveau code.<\/li>\n<\/ul>\n<hr>\n<p><a name=\"JavaScript\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/07.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><br \/>\n<strong>Outils JS<\/strong><\/p>\n<ul>\n<li style=\"text-align: justify\"><a class=\"broken_link\" href=\"https:\/\/sivehttp\/\/mern.io\/rs.org\/learn-js\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Learn JS<\/a>&nbsp;- Comment apprendre le JavaScript par Derek Sivers.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/mern.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">MERN<\/a>&nbsp;- MERN est un outil d'\u00e9chafaudage qui facilite la cr\u00e9ation d'applications isomorphes \u00e0 l'aide de Mongo, Express, React et NodeJS. Il minimise le temps de configuration et vous permet de vous familiariser avec les technologies \u00e9prouv\u00e9es.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.real-world-ember.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Ember<\/a>&nbsp;- Programmation fonctionnelle dans Ember - Jeffrey Biles interviewe des d\u00e9veloppeurs Ember talentueux du monde entier, partageant leurs d\u00e9fis, passions et triomphes.<\/li>\n<\/ul>\n<p style=\"text-align: justify\"><strong>Lecture JS<\/strong><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.sitepoint.com\/generating-pdfs-from-web-pages-on-the-fly-with-jspdf\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Generating PDFs from Web Pages<\/a>&nbsp;- G\u00e9n\u00e9ration de fichiers PDF \u00e0 partir de pages Web \u00e0 la vol\u00e9e avec jsPDF par Massimo Cassandro.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/medium.com\/developers-writing\/animating-the-unanimatable-1346a5aab3cd#.ntjxraeu0\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Animating the Unanimatable<\/a>&nbsp;- Animation de l'unanimit\u00e9 Transitions de r\u00e9organisation en douceur dans React.js par Joshua Comeau.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.sitepoint.com\/how-to-consume-laravel-api-with-angularjs\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Consuming Laravel API with AngularJS<\/a>&nbsp;- Comment consommer l'API Laravel avec AngularJS par Francesco Malatesta.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/github.com\/johnpapa\/angular-styleguide\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Angular Styleguide<\/a>&nbsp;- Un point de d\u00e9part pour les \u00e9quipes de d\u00e9veloppement angulaire pour assurer la coh\u00e9rence gr\u00e2ce aux bonnes pratiques.<\/li>\n<\/ul>\n<hr>\n<p><a name=\"ES6\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/08.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><br \/>\n<strong>Outils ES6&nbsp;<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/duckduckgo.com\/?q=es6+cheatsheet&amp;ia=answer&amp;iax=1\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">ES6<\/a>&nbsp;- ES6 cheatsheet.<\/li>\n<li><a href=\"https:\/\/github.com\/liady\/es6-library-minimal\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">ES6 Library<\/a>&nbsp;- Un d\u00e9butant minimal pour une biblioth\u00e8que ES6.<\/li>\n<li><a href=\"https:\/\/descartes.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Descartes<\/a>&nbsp;- Descartes est une biblioth\u00e8que exp\u00e9rimentale d'\u00e9criture de CSS en JavaScript pour les programmeurs.<\/li>\n<li><a href=\"https:\/\/github.com\/fergiemcdowall\/search-index\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Search Index<\/a>&nbsp;- Search-index est un moteur de recherche en texte int\u00e9gral persistant pour le navigateur et Node.js.<\/li>\n<\/ul>\n<p><strong>Lecture ES6<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/spin.atomicobject.com\/2016\/02\/16\/how-javascript-promises-work\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">JavaScript Promises<\/a>&nbsp;- JavaScript Promises \u2013 comment elles fonctionnent par Matt Behrens.<\/li>\n<li><a href=\"https:\/\/dzone.com\/articles\/javascript-how-to-define-process-a-promise-object\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">JS Promise Object<\/a>&nbsp;- JavaScript: comment d\u00e9finir et traiter un objet de promesse par Ajitesh Kumar.<\/li>\n<li><a href=\"http:\/\/www.sitepoint.com\/sending-emails-gmail-javascript-api\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Emails with Gmail JavaScript API<\/a>&nbsp;- Envoi d'e-mails avec l'API JavaScript Gmail par Jamie Shields.<\/li>\n<li><a href=\"http:\/\/www.sitepoint.com\/ajaxjquery-getjson-simple-example\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Ajax\/jQuery.getJSON Example<\/a>&nbsp;- Ajax \/ jQuery.getJSON exemple simple par Florian Rappl.<\/li>\n<\/ul>\n<hr>\n<p><a name=\"Plugins\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/09.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"https:\/\/wakatime.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Waka Time<\/a>&nbsp;- Ceci est un plugin pour quantifier votre codage. Les m\u00e9triques, les informations et le suivi du temps sont g\u00e9n\u00e9r\u00e9s automatiquement \u00e0 partir de votre activit\u00e9 de programmation.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/github.com\/VPenkov\/okayNav\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">okayNav jQuery Plugin<\/a>&nbsp;- Ce plugin vise \u00e0 r\u00e9duire progressivement les liens de navigation dans une navigation hors \u00e9cran au lieu de le faire pour tous les liens en m\u00eame temps..<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/github.com\/atayahmet\/jquery.easypin\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">jQuery easypin<\/a>&nbsp;- Plugin simple et rapide \u00e9pinglant des objets sur des photos.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/design.iamvdo.me\/stickyElements\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Sticky Elements<\/a>&nbsp;- Cr\u00e9er des \u00e9l\u00e9ments adh\u00e9sifs et des liens adh\u00e9sifs.<\/li>\n<\/ul>\n<hr>\n<p><a name=\"Play &amp; learn coding\"><\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2016\/02\/10.jpg?x54449\" alt=\"\" width=\"\" height=\"\" data-lazy-loaded=\"true\"><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"http:\/\/boxislandgame.com\/hourofcode\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Hour of Code<\/a>&nbsp;- Dans cette \u00e9dition sp\u00e9ciale de Hour of Code de Box Island, vous apprendrez les bases des algorithmes, des s\u00e9quences, des boucles et des conditions. Le tutoriel est dirig\u00e9 par des \u00e9tudiants et convient \u00e0 tous les \u00e2ges.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/www.codingame.com\/start\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Codingame<\/a>&nbsp;- Apprenez et am\u00e9liorez vos comp\u00e9tences de codage tout en jouant \u00e0 des jeux.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/www.gethopscotch.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Hopscotch<\/a>&nbsp;- Explorez les principes fondamentaux de CS tels que l'abstraction, les variables, les conditions, les boucles, etc.<\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/meteor.toys\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">MeteorToys<\/a>&nbsp;- Des outils de d\u00e9veloppement extr\u00eamement pratiques pour vous aider \u00e0 cr\u00e9er de superbes applications. L'utilisation de MeteorToys augmente la vitesse de votre travail gr\u00e2ce aux probl\u00e8mes et vous aide \u00e0 cr\u00e9er des solutions finies et plus rapides.<\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/www.scratchjr.org\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">ScratchJr<\/a>&nbsp;- Avec ScratchJr, les jeunes enfants peuvent programmer leurs propres histoires et jeux interactifs. Dans le processus, ils apprennent \u00e0 r\u00e9soudre des probl\u00e8mes, \u00e0 concevoir des projets et \u00e0 s'exprimer de mani\u00e8re cr\u00e9ative sur l'ordinateur. Convient aux enfants de 5-7 ans.<\/li>\n<\/ul>\n<hr>\n<p style=\"text-align: justify\">Vous venez de parcourir <strong>137 outils de conception et de d\u00e9veloppement Web et des ressources utiles<\/strong>. Vous ont-ils \u00e9t\u00e9 utiles ? Si votre r\u00e9ponse est \"oui\", veuillez pr\u00e9ciser lesquelles vous ont le plus impressionn\u00e9 dans la section des commentaires.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Peut-il y avoir trop d'outils gratuits pour acc\u00e9l\u00e9rer \/ rationaliser votre processus de conception Web ? Bien s\u00fbr, il n'y en a pas, car de nouvelles technologies de pointe apparaissent chaque jour. Chaque jour, les d\u00e9veloppeurs Web trouvent quelque chose d\u2019int\u00e9ressant et de nouveau. Mais il faut du temps pour rechercher le contenu pertinent sur [&hellip;]<\/p>\n","protected":false},"author":1672325,"featured_media":1069,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20,51],"tags":[68,7,64,61],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Collection d&#039;outils et de ressource de conception Web gratuits<\/title>\n<meta name=\"description\" content=\"Tous les outils, articles, tutoriels, plug-ins, conseils et astuces pr\u00e9sent\u00e9s dans cet article ne vous co\u00fbteront pas un centime. Notre \u00e9quipe s\u2019efforce d\u2019\u00e9conomiser votre argent, elle collecte donc des trucs gratuits d\u00e8s le premier tour (s\u2019il convient, bien s\u00fbr, de faire l\u2019objet d\u2019une attention particuli\u00e8re).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Collection d&#039;outils et de ressource de conception Web gratuits\" \/>\n<meta property=\"og:description\" content=\"Tous les outils, articles, tutoriels, plug-ins, conseils et astuces pr\u00e9sent\u00e9s dans cet article ne vous co\u00fbteront pas un centime. Notre \u00e9quipe s\u2019efforce d\u2019\u00e9conomiser votre argent, elle collecte donc des trucs gratuits d\u00e8s le premier tour (s\u2019il convient, bien s\u00fbr, de faire l\u2019objet d\u2019une attention particuli\u00e8re).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Blog France\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-15T12:23:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-12T13:38:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/08\/featured_image8.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claire\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_France\" \/>\n<meta name=\"twitter:site\" content=\"@TM_France\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claire\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/\"},\"author\":{\"name\":\"Claire\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\"},\"headline\":\"Collection d&#8217;outils et de ressources de conception Web gratuits. Le design est facile si vous le faites intelligemment!\",\"datePublished\":\"2018-08-15T12:23:32+00:00\",\"dateModified\":\"2022-09-12T13:38:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/\"},\"wordCount\":3959,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"keywords\":[\"Codage\",\"D\u00e9veloppement Web\",\"Gratuit\",\"Outils\"],\"articleSection\":[\"Articles gratuits\",\"Conception de site web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/\",\"name\":\"Collection d'outils et de ressource de conception Web gratuits\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\"},\"datePublished\":\"2018-08-15T12:23:32+00:00\",\"dateModified\":\"2022-09-12T13:38:36+00:00\",\"description\":\"Tous les outils, articles, tutoriels, plug-ins, conseils et astuces pr\u00e9sent\u00e9s dans cet article ne vous co\u00fbteront pas un centime. Notre \u00e9quipe s\u2019efforce d\u2019\u00e9conomiser votre argent, elle collecte donc des trucs gratuits d\u00e8s le premier tour (s\u2019il convient, bien s\u00fbr, de faire l\u2019objet d\u2019une attention particuli\u00e8re).\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Collection d&#8217;outils et de ressources de conception Web gratuits. Le design est facile si vous le faites intelligemment!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"name\":\"TemplateMonster Blog France\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\",\"name\":\"MonsterPost France\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost France\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\",\"https:\/\/twitter.com\/TM_France\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\",\"name\":\"Claire\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Claire\"},\"description\":\"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.\",\"url\":\"https:\/\/monsterspost.com\/fr\/author\/claire\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Collection d'outils et de ressource de conception Web gratuits","description":"Tous les outils, articles, tutoriels, plug-ins, conseils et astuces pr\u00e9sent\u00e9s dans cet article ne vous co\u00fbteront pas un centime. Notre \u00e9quipe s\u2019efforce d\u2019\u00e9conomiser votre argent, elle collecte donc des trucs gratuits d\u00e8s le premier tour (s\u2019il convient, bien s\u00fbr, de faire l\u2019objet d\u2019une attention particuli\u00e8re).","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/","og_locale":"fr_FR","og_type":"article","og_title":"Collection d'outils et de ressource de conception Web gratuits","og_description":"Tous les outils, articles, tutoriels, plug-ins, conseils et astuces pr\u00e9sent\u00e9s dans cet article ne vous co\u00fbteront pas un centime. Notre \u00e9quipe s\u2019efforce d\u2019\u00e9conomiser votre argent, elle collecte donc des trucs gratuits d\u00e8s le premier tour (s\u2019il convient, bien s\u00fbr, de faire l\u2019objet d\u2019une attention particuli\u00e8re).","og_url":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/","og_site_name":"TemplateMonster Blog France","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterFrance\/","article_published_time":"2018-08-15T12:23:32+00:00","article_modified_time":"2022-09-12T13:38:36+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/08\/featured_image8.jpg","type":"image\/jpeg"}],"author":"Claire","twitter_card":"summary_large_image","twitter_creator":"@TM_France","twitter_site":"@TM_France","twitter_misc":{"\u00c9crit par":"Claire","Dur\u00e9e de lecture estim\u00e9e":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/"},"author":{"name":"Claire","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c"},"headline":"Collection d&#8217;outils et de ressources de conception Web gratuits. Le design est facile si vous le faites intelligemment!","datePublished":"2018-08-15T12:23:32+00:00","dateModified":"2022-09-12T13:38:36+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/"},"wordCount":3959,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"keywords":["Codage","D\u00e9veloppement Web","Gratuit","Outils"],"articleSection":["Articles gratuits","Conception de site web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/","url":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/","name":"Collection d'outils et de ressource de conception Web gratuits","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/#website"},"datePublished":"2018-08-15T12:23:32+00:00","dateModified":"2022-09-12T13:38:36+00:00","description":"Tous les outils, articles, tutoriels, plug-ins, conseils et astuces pr\u00e9sent\u00e9s dans cet article ne vous co\u00fbteront pas un centime. Notre \u00e9quipe s\u2019efforce d\u2019\u00e9conomiser votre argent, elle collecte donc des trucs gratuits d\u00e8s le premier tour (s\u2019il convient, bien s\u00fbr, de faire l\u2019objet d\u2019une attention particuli\u00e8re).","breadcrumb":{"@id":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/fr\/outils-et-ressources-de-conception-web-gratuits\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Collection d&#8217;outils et de ressources de conception Web gratuits. Le design est facile si vous le faites intelligemment!"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/fr\/#website","url":"https:\/\/monsterspost.com\/fr\/","name":"TemplateMonster Blog France","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/fr\/#organization","name":"MonsterPost France","url":"https:\/\/monsterspost.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost France"},"image":{"@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterFrance\/","https:\/\/twitter.com\/TM_France"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c","name":"Claire","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Claire"},"description":"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.","url":"https:\/\/monsterspost.com\/fr\/author\/claire\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1068"}],"collection":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/users\/1672325"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/comments?post=1068"}],"version-history":[{"count":10,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1068\/revisions"}],"predecessor-version":[{"id":5849,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1068\/revisions\/5849"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media\/1069"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media?parent=1068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/categories?post=1068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/tags?post=1068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}