{"id":4441,"date":"2015-01-22T10:12:07","date_gmt":"2015-01-22T09:12:07","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=4441"},"modified":"2015-01-21T10:14:10","modified_gmt":"2015-01-21T09:14:10","slug":"les-ressources-du-web-12","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-12","title":{"rendered":"Les ressources du Web #12"},"content":{"rendered":"<p>Le num\u00e9ro 12 des ressources du Web arrive pour cette nouvelle ann\u00e9e 2015 avec plein de sources d&rsquo;inspiration pour vos CSS et vos design, ainsi que de nombreuses ressources graphiques gratuites et libres de droit. Mais \u00e9galement toujours est encore du JS, du WordPress, du SVG et de nombreux outils pour vous faciliter la vie.<!--more--><\/p>\n<h2>Inspiration et CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/materializecss.com\/\">Materialize CSS<\/a> &#8211; un framework orient\u00e9 Material Design<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/DialogEffects\/wilma.html\">Dialog Effects<\/a> &#8211; des effets CSS et SVG pour des bo\u00eetes de dialogue.<\/li>\n<li><a href=\"http:\/\/formstone.it\">FormStone<\/a> &#8211; une collection de composants pour front-end dev<\/li>\n<li><a href=\"http:\/\/codyhouse.co\/demo\/expandable-image-gallery\">Expandable Image Gallery<\/a> &#8211; inspiration pour une galerie d&rsquo;images extensible.<\/li>\n<li><a href=\"http:\/\/bdadam.com\/blog\/better-webfont-loading-with-localstorage-and-woff2.html\">Better Webfont Loading<\/a> &#8211; un article expliquant comment tirer profit de localstorage dans le cas du chargement de webfont.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/TextInputEffects\/\">Text Input Effects<\/a> &#8211; quelques effets d&rsquo;animation sur des champs texte de formulaire.<\/li>\n<\/ul>\n<h2>Inspiration et design<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.blogduwebdesign.com\/inspiration\/50-webdesign-annee-2014\/1659\">50 webdesign de l&rsquo;ann\u00e9e 2014<\/a> &#8211; d\u00e9couverte et re-d\u00e9couverte<\/li>\n<li><a href=\"http:\/\/www.blogduwebdesign.com\/inspirations\/30-animations-dynamiques-surprenantes-gifs\/1648\">30 animations en Gif<\/a> &#8211; de quoi vous inspirer pour des animations<\/li>\n<\/ul>\n<h2>JavaScript<\/h2>\n<ul>\n<li><a href=\"http:\/\/manos.malihu.gr\/jquery-custom-content-scroller\">jQuery Custom Scrollbar<\/a>&#8211; un plugin jQuery pour transformer visuellement votre scrollbar.<\/li>\n<li><a href=\"http:\/\/photoswipe.com\/\">PhotoSwipe<\/a> &#8211; une excellente ressource pour cr\u00e9er une galerie photo incluant responsive, swipe et syst\u00e8me de zoom (et m\u00eame partage Facebook)<\/li>\n<li><a href=\"http:\/\/daniel-lundin.github.io\/snabbt.js\/\">Snabbt.js<\/a> &#8211; une biblioth\u00e8que d&rsquo;animations JS performante<\/li>\n<\/ul>\n<h2>Ressources graphiques<\/h2>\n<ul>\n<li><a href=\"http:\/\/evil-icons.io\/\">Evil Icons<\/a> &#8211; des ic\u00f4nes \u00ab\u00a0outline\u00a0\u00bb t\u00e9l\u00e9chargeables en vectoriel<\/li>\n<li><a href=\"http:\/\/mokaine.com\/beetle-free-html\/\">Beetle<\/a> &#8211; un template HTML5 <em>Responsive<\/em> parallaxe gratuit<\/li>\n<li><a href=\"https:\/\/greensock.com\/\">GreenSock<\/a> &#8211; contr\u00f4lez des animations surpuissantes pour le web<\/li>\n<\/ul>\n<h2>SVG<\/h2>\n<ul>\n<li><a href=\"http:\/\/calendar.perfplanet.com\/2014\/tips-for-optimising-svg-delivery-for-the-web\/\">Tips for optimising SVG Delivery<\/a> &#8211; des astuces pour optimiser le chargement de vos SVG sur le Web<\/li>\n<li><a href=\"http:\/\/greensock.com\/drawSVG\">DrawSVG<\/a> &#8211; un plugin pour \u00ab\u00a0dessiner\u00a0\u00bb du SVG facilement.<\/li>\n<li><a href=\"http:\/\/svgicons.sparkk.fr\/\">SVG Icons<\/a> &#8211; des icons SVG dont le code est \u00e0 copier\/coller pour une utilisation rapide<\/li>\n<\/ul>\n<h2>Interface<\/h2>\n<ul>\n<li><a href=\"http:\/\/materializecss.com\/\">Materialize CSS<\/a> &#8211; un framework orient\u00e9 Material Design<\/li>\n<li><a href=\"http:\/\/blog.invisionapp.com\/7-tips-for-designing-awesome-gifs\/\">7 tips for Gifs<\/a> &#8211; 7 astuces pour cr\u00e9er de magnifiques gifs anim\u00e9s<\/li>\n<li><a href=\"http:\/\/codepen.io\/fbrz\/pen\/bNdMwZ\/\">Concept menu interaction<\/a> &#8211; un concept de menu mobile int\u00e9ressant<\/li>\n<li><a href=\"http:\/\/www.uxcheck.co\/\">UX Check<\/a> &#8211; une extension chrome pour aider \u00e0 identifier des probl\u00e8mes d&rsquo;utilisabilit\u00e9 d&rsquo;une interface.<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"http:\/\/new.odrive.com\/linkallyourstuff\/\">odrive<\/a> &#8211; 56 Go de stockage dans le cloud gratuits<\/li>\n<li><a href=\"https:\/\/cults3d.com\/\">Cults3D<\/a> &#8211; achetez\/vendez et t\u00e9l\u00e9chargez les meilleurs fichiers pour votre imprimante 3D.<\/li>\n<li><a href=\"http:\/\/www.adobe.com\/fr\/products\/shape.html\">Adobe Shape CC<\/a> &#8211; prenez une photo avec votre iPhone et transformez-l\u00e0 en image vectorielle partag\u00e9e dans le cloud.<\/li>\n<li><a href=\"https:\/\/www.tunnelbear.com\/\">Tunnel Bear<\/a> &#8211; naviguez librement sur Internet gr\u00e2ce \u00e0 l&rsquo;aide d&rsquo;un ours\u2026<\/li>\n<li><a href=\"http:\/\/vilcins.lv\/blog\/2015\/Photoshop-extensions-for-frontend-developers\/\">Photoshop Extensions<\/a> &#8211; une liste d&rsquo;extensions \u00ab\u00a0Front-end\u00a0\u00bb pour Photoshop<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"https:\/\/ninjaforms.com\/\">Ninja Forms<\/a> &#8211; formulaire de contact tr\u00e8s complet pour WordPress<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/boobook\/\">BooBook<\/a> &#8211; Un Facebook Connect pour WordPress vraiment simple et pratique (d\u00e9velopp\u00e9 par <a href=\"http:\/\/xuxu.fr\/2013\/12\/26\/boobook-un-autre-facebook-connect-minimal-pour-wordpress\/\">Xuxu<\/a>)<\/li>\n<\/ul>\n<p>Amusez-vous bien !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le num\u00e9ro 12 des ressources du Web arrive pour cette nouvelle ann\u00e9e 2015 avec plein de sources d&rsquo;inspiration pour vos CSS et vos design, ainsi que de nombreuses ressources graphiques gratuites et libres de droit. Mais \u00e9galement toujours est encore du JS, du WordPress, du SVG et de nombreux outils pour vous faciliter la vie.<\/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,305],"coauthors":[597],"class_list":["post-4441","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-css","tag-svg"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4441","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=4441"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4441\/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=4441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=4441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=4441"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=4441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}