{"id":3804,"date":"2014-01-19T13:18:27","date_gmt":"2014-01-19T12:18:27","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=3804"},"modified":"2014-01-24T23:02:21","modified_gmt":"2014-01-24T22:02:21","slug":"les-ressources-du-web-4","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-4","title":{"rendered":"Les ressources du Web #4"},"content":{"rendered":"<p>Les ressources du Web sont l\u00e9gion ! Voici une nouvelle s\u00e9rie assez vari\u00e9e qui devrait ravir la plupart des webdesigners : des ic\u00f4nes, des scripts, des applications, des id\u00e9es de code ou des outils pour le tester. \u00c0 vous de piocher et de compl\u00e9ter votre arsenal !<\/p>\n<p><!--more--><\/p>\n<h2>WebDesign<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.streamlineicons.com\/\">Stream Line Icons<\/a> &#8211; de belles ic\u00f4nes vectoriels de style ligne fine.<\/li>\n<li><a href=\"http:\/\/www.nastyicons.com\/\">NastyIcons<\/a> &#8211; des ic\u00f4nes d\u00e9cal\u00e9es et humoristiques<\/li>\n<li><a href=\"http:\/\/tobiasahlin.com\/spinkit\/\">SpinKit<\/a> &#8211; des id\u00e9es de loader CSS avec accompagn\u00e9es de leur code source<\/li>\n<li><a href=\"http:\/\/macaw.co\/\">MACAW<\/a> &#8211; dessinez le web, laissez le code se cr\u00e9er tout seul<\/li>\n<li><a href=\"http:\/\/thepatternlibrary.com\/\">ThePatternLibrary<\/a> &#8211; une biblioth\u00e8que de trames haute en couleurs<\/li>\n<li><a href=\"http:\/\/fontfabric.com\/bebas-neue\/\">Police Bebas Neue<\/a> &#8211; une police sans-serif de qualit\u00e9 et gratuite.<\/li>\n<\/ul>\n<h2>Photoshop<\/h2>\n<ul>\n<li><a href=\"http:\/\/madebyvadim.com\/layrs\/\">Layrs<\/a> &#8211; plugin Photoshop CS6 et CC pour automatiser le nettoyage de votre PSD au niveau des calques notamment (calques vides, effets inutiles, etc.)<\/li>\n<li><a href=\"http:\/\/davidmckinney.com\/blog\/2013\/12\/31\/designing-iphone-apps-how-to-setup-photoshop\">iPhone Apps design &#8211; Setup Photoshop<\/a> &#8211; param\u00e9trer votre Photoshop pour du design d&rsquo;application iPhone (article en Anglais)<\/li>\n<\/ul>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/tympanus.net\/Development\/PerspectivePageViewNavigation\/index2.html\">Perspective Page View Navigation<\/a> &#8211; un effet de navigation pleine vue exp\u00e9rimental tr\u00e8s int\u00e9ressant.<\/li>\n<li><a href=\"http:\/\/nth-test.com\/\">Nth Test<\/a> &#8211; pour tester vos <code>nth-of-type<\/code> et <code>nth-child<\/code>.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Tutorials\/ShapeHoverEffectSVG\/\">Shape Hover Effect SVG<\/a> un effet d&rsquo;animation de formes SVG au survol<\/li>\n<\/ul>\n<h2>JS<\/h2>\n<ul>\n<li><a href=\"http:\/\/wicky.nillia.ms\/headroom.js\/\">HeadRoom.js<\/a> &#8211; faite appara\u00eetre\/disparaitre votre header sur demande<\/li>\n<li><a href=\"http:\/\/briangonzalez.github.io\/jquery.adaptive-backgrounds.js\/\">Adaptive Backgrounds<\/a> &#8211; un plugin jQuery pour appliquer la couleur dominante d&rsquo;une image \u00e0 son \u00e9l\u00e9ment HTML parent.<\/li>\n<li><a href=\"http:\/\/apps.stupid-studio.com\/\">Stupid Studio Sprite Generator<\/a> &#8211; cr\u00e9ez des animations dont vous contr\u00f4lez la qualit\u00e9 (jpg, png, gif, nombre d&rsquo;images par seconde, etc.) avec des sprites<\/li>\n<li><a href=\"http:\/\/bjork24.github.io\/Unison\/\">Unison.js<\/a> &#8211; unifiez le nom vos breakpoints \u00e0 travers CSS, JS et HTML.<\/li>\n<li><a href=\"http:\/\/lokeshdhakar.com\/projects\/color-thief\/\">Color Thief<\/a> &#8211; r\u00e9cup\u00e9rez les couleurs dominantes d&rsquo;une photographie<\/li>\n<li><a href=\"http:\/\/planetaryjs.com\/\">Planetary JS<\/a> &#8211; un globe interactif personnalisable en JS<\/li>\n<li><a href=\"http:\/\/mark-rolich.github.io\/Magnifier.js\/\">Magnifier JS<\/a> &#8211; un plugin de loupe sur une image<\/li>\n<li><a href=\"http:\/\/blog.goetter.fr\/post\/71943795397\/mobile-first-retina-et-connexion-a-la-fois\">Tests de chargement conditionnel pour les images<\/a> &#8211; c&rsquo;est chez Rapha\u00ebl Goetter que \u00e7a se passe.<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"http:\/\/colorpeek.com\">ColorPeek<\/a> &#8211; cr\u00e9ez un nuancier de couleur en ligne et partagez le simplement<\/li>\n<li><a href=\"http:\/\/webfonter.fontshop.com\/\">WebFonter<\/a> &#8211; un plugin Chrome pour essayer des fontes en live sur n&rsquo;importe quel site Web<\/li>\n<li><a href=\"http:\/\/2013freelancetools.com\/\">2013 Freelance Tools<\/a> &#8211; une panoplie d&rsquo;outils de 2013 pour webdesigner<\/li>\n<li><a href=\"https:\/\/hackdesign.org\/toolkit\/\">The best design tools<\/a> &#8211; une panoplie d&rsquo;outils pour designer class\u00e9e par cat\u00e9gories<\/li>\n<li><a href=\"https:\/\/exposure.so\/\">EXPoSURE<\/a> &#8211; cr\u00e9ez un album photo narratif simple et classieux (existe en gratuit et payant)<\/li>\n<li><a href=\"http:\/\/kkga.github.io\/spacegray\/\">SpaceGray Sublime Theme<\/a> &#8211; un th\u00e8me simple pour Sublime Text<\/li>\n<li><a href=\"http:\/\/www.dareboost.com\/fr\/\">Dareboost<\/a> &#8211; automatisation de l&rsquo;analyse de votre site et conseils de performance, accessibilit\u00e9, SEO, serveur, validit\u00e9, etc.<\/li>\n<\/ul>\n<p>Plein d&rsquo;autres ressources r\u00e9guli\u00e8rement sur : <a href=\"http:\/\/www.inpixelitrust.fr\/blog\/des-pixels-et-du-code-97\/\">Inpixelitrust blog<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les ressources du Web sont l\u00e9gion ! Voici une nouvelle s\u00e9rie assez vari\u00e9e qui devrait ravir la plupart des webdesigners : des ic\u00f4nes, des scripts, des applications, des id\u00e9es de code ou des outils pour le tester. \u00c0 vous de piocher et de compl\u00e9ter votre arsenal !<\/p>\n","protected":false},"author":4,"featured_media":3679,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[50],"tags":[142,93,125,229,81],"coauthors":[],"class_list":["post-3804","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-css","tag-icones","tag-javascript","tag-performance","tag-typographie"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=3804"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3804\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/3679"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=3804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=3804"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=3804"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=3804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}