{"id":4023,"date":"2014-06-18T19:55:35","date_gmt":"2014-06-18T17:55:35","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=4023"},"modified":"2014-06-18T19:55:35","modified_gmt":"2014-06-18T17:55:35","slug":"les-ressources-du-web-7","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-7","title":{"rendered":"Les ressources du Web #7"},"content":{"rendered":"<p>C&rsquo;est dingue la vitesse \u00e0 laquelle la communaut\u00e9 r\u00e9agit aux besoins des int\u00e9grateurs et tente de trouver des solutions pour faciliter la vie de chacun dans notre travail (ou passion). Cette semaine, encore une belle s\u00e9lection de scripts JS, d&rsquo;outils pour optimiser vos travaux ou quelques liens d&rsquo;inspiration graphico-technique.<!--more--><\/p>\n<h2>CSS<\/h2>\n<ul>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/cssvalues.com\/\">CSS values<\/a> &#8211; connaitre le support des r\u00e8gles CSS rapidement<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/tympanus.net\/Development\/InlineAnchorStyles\/\">Inline Anchor Styles<\/a> &#8211; quelques styles de liens dans un texte<\/li>\n<\/ul>\n<h2>HTML<\/h2>\n<ul>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/martinwolf.org\/2014\/05\/07\/the-new-srcset-and-sizes-explained\/\">The new srcset and sizes explained<\/a> &#8211; explication des attributs srcset et sizes<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/zenorocha.github.io\/voice-elements\/\">Voice elements<\/a> &#8211; des composants web pour le support de Speech API HTML5<\/li>\n<\/ul>\n<h2>JS<\/h2>\n<ul>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/framerjs.com\/\">FramerJS<\/a> &#8211; un script JS pour cr\u00e9er des prototypes \u00e0 partir de vos maquettes<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/llllll.li\/randomColor\/\">RandomColor<\/a> &#8211; un g\u00e9n\u00e9rateur de couleurs al\u00e9atoires<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"https:\/\/developers.google.com\/web\/fundamentals\/input\/touch-input\/touchevents\/\">Implement Custom Gestures<\/a> &#8211; un fondamental sur la gestion des \u00ab\u00a0touch events\u00a0\u00bb<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"https:\/\/github.com\/toddmotto\/flare\">Flare<\/a> &#8211; <em lang=\"en\">unobtrusive event emitter API for Google Universal Analytics event tracking<\/em><\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/www.onextrapixel.com\/2014\/06\/04\/create-a-subtle-zoom-animation-on-images-while-scrolling-with-jquery-zoom-scroller-js\/\">jQuery Zoom Scroller<\/a> &#8211; un effet de zoom sur une image au scroll dans la page<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/outdatedbrowser.com\/\">Outdated Browser<\/a> &#8211; inciter les utilisateurs \u00e0 mettre leur navigateur \u00e0 jour<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/cartodb.github.io\/odyssey.js\/\">Odyssey.js<\/a> &#8211; un moyen simple pour les journalistes, designers, et les cr\u00e9ateurs pour cr\u00e9er des histoires interactives<\/li>\n<li><a href=\"http:\/\/boba.space150.com\/\">Boba.js<\/a> &#8211; un script pour mieux g\u00e9rer les tracks analytics<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a lang=\"en\" hreflang=\"en\" href=\"https:\/\/github.com\/svg\/svgo-gui\">SVGO<\/a> &#8211; optimisez vos fichiers SVG<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/compressor.io\/\">Compressor.io<\/a> &#8211; optimisez vos fichiers image<\/li>\n<\/ul>\n<h2>Ressources<\/h2>\n<ul>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/field5.com\/en\/freebies\/free-cooking-icon-set\" lang=\"en\" hreflang=\"en\">Free Cooking Icon set<\/a> &#8211; ic\u00f4nes sur la th\u00e9matique de l&rsquo;alimentaire<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"https:\/\/dribbble.com\/shots\/1563947-Free-Icon-Set\">Free Icon Set<\/a> &#8211; 220 ic\u00f4nes (line-icons) propos\u00e9es en PSD<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"https:\/\/www.behance.net\/gallery\/16437475\/Garnata-Display-%28free-font%29\">Garnata<\/a> &#8211; une jolie fonte gratuite.<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"https:\/\/www.behance.net\/gallery\/17194081\/Enemy-Typeface-Lost-Type\">Enemy Typeface<\/a> &#8211; une fonte \u00e9paisse \u00ab\u00a0destroy\u00a0\u00bb<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"https:\/\/www.behance.net\/gallery\/17250777\/UnveilFree-Vector-Font\">Unveil Typeface<\/a> &#8211; une famille de polices tr\u00e8s \u00ab\u00a0illustr\u00e9es\u00a0\u00bb<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/oozled.com\/\">Oozled<\/a> &#8211; une biblioth\u00e8que de ressources<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/codyhouse.co\/\">CodyHouse<\/a> &#8211; une biblioth\u00e8que de ressources HTML\/CSS\/JS pour des \u00e9l\u00e9ments de design<\/li>\n<\/ul>\n<h2>Photoshop<\/h2>\n<ul>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/kaku.ps\/\">Ka.Ku.ps<\/a> &#8211; traduire vos calques de texte sur vos PSD.<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/gelobi.org\/griddify\/\">Griffify<\/a> &#8211; un plugin pratique pour cr\u00e9er des rep\u00e8res sur vos PSD (CS6 et CC)<\/li>\n<\/ul>\n<h2>Inspiration<\/h2>\n<ul>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/simurai.com\/blog\/2014\/05\/04\/cssconf\/\">CSS Conf &#8211; Styling with strings<\/a> &#8211; quelques bonnes id\u00e9es \u00e0 prendre<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/tympanus.net\/Tutorials\/SamsungGrid\/index3.html\">Samsung Grid<\/a> &#8211; des effets de chargement en infinite scroll<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/jjcm.org\/blog\/redesigning_photoshops_font_panel\/\">Redesigning Font Panel<\/a> &#8211; une id\u00e9e de redesign du panneau de polices de Photoshop<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/www.logolounge.com\/article.asp?aid=lkSf#.U3nV8yhqz-H\">2014 Logo Trends<\/a> &#8211; tendances des logos en 2014 (?)<\/li>\n<li><a lang=\"en\" hreflang=\"en\" href=\"http:\/\/tympanus.net\/Development\/ArticleIntroEffects\/index.html\">Header intro effects<\/a> &#8211; des effets d&rsquo;animation sur header int\u00e9ressants<\/li>\n<li><a href=\"http:\/\/niice.co\/\" lang=\"en\">Niice.co<\/a> &#8211; un moteur de recherche pour votre inspiration graphique<\/li>\n<\/ul>\n<p>Tr\u00e8s bonne lecture !<br \/>\n\u00c0 bient\u00f4t !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C&rsquo;est dingue la vitesse \u00e0 laquelle la communaut\u00e9 r\u00e9agit aux besoins des int\u00e9grateurs et tente de trouver des solutions pour faciliter la vie de chacun dans notre travail (ou passion). Cette semaine, encore une belle s\u00e9lection de scripts JS, d&rsquo;outils pour optimiser vos travaux ou quelques liens d&rsquo;inspiration graphico-technique.<\/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":[482,125,21],"coauthors":[],"class_list":["post-4023","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-inspiration","tag-javascript","tag-optimisation"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4023","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=4023"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4023\/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=4023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=4023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=4023"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=4023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}