{"id":5138,"date":"2015-08-02T14:50:20","date_gmt":"2015-08-02T12:50:20","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=5138"},"modified":"2015-08-04T11:14:20","modified_gmt":"2015-08-04T09:14:20","slug":"les-ressources-du-web-18","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-18","title":{"rendered":"Les ressources du web #18"},"content":{"rendered":"<p>On commence le d\u00e9but du mois d&rsquo;ao\u00fbt avec une petite s\u00e9lection de ressources en design (ic\u00f4nes, PSD, kits d&rsquo;interface, logos et typographies), ainsi qu&rsquo;une bonne s\u00e9lection de scripts en tout genre pour faire du dessin (SVG, Canvas et WebGL) et de belles animations. Bonne lecture !<\/p>\n<p><!--more--><\/p>\n<h2>Design<\/h2>\n<ul>\n<li><a href=\"http:\/\/tympanus.net\/Blueprints\/ZoomSlider\/\">ZoomSlider<\/a> \u2013 un effet de zoom depuis un slider plut\u00f4t sympa.<\/li>\n<li><a href=\"http:\/\/gilbarbara.github.io\/logos\/\">SVG Logos<\/a> \u2013 des logos d&rsquo;outils pour les d\u00e9veloppeurs en SVG.<\/li>\n<li><a href=\"http:\/\/pixelbuddha.net\/freebie\/vintage-logos-free-downloads\">15 vintage logos<\/a> \u2013 des logos d&rsquo;inspiration vintage.<\/li>\n<li><a href=\"http:\/\/www.techandall.com\/ios-app-showcase-mockup-psd\/\">iOS App Showcase<\/a> \u2013 une mani\u00e8re originale de pr\u00e9senter vos designs d&rsquo;app.<\/li>\n<li><a href=\"http:\/\/www.designshock.com\/cute-icons\/\">300 cute icons<\/a> \u2013 des ic\u00f4nes \u00ab\u00a0mignonnes\u00a0\u00bb (<em>cute<\/em>, <em>kawai<\/em>)<\/li>\n<li><a href=\"https:\/\/dribbble.com\/shots\/2107020-30-Free-Icons-from-Shakuro?1434378254\">30 outline icons<\/a> \u2013 des ic\u00f4nes-ligne plut\u00f4t classes.<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/26898251\/Daran-Free-Coming-Soon-PSD-Template-\">20 free UI<\/a> \u2013 une s\u00e9lection de 20 kits d&rsquo;UI pour votre inspiration.<\/li>\n<li><a href=\"http:\/\/iconstore.co\/\">IconStore<\/a> \u2013 des ic\u00f4nes qualitatives gratuites.<\/li>\n<\/ul>\n<h2>Photoshop<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/26898251\/Daran-Free-Coming-Soon-PSD-Template-\">Daran, Coming soon PSD<\/a> \u2013 un PSD d&rsquo;une page de site en construction.<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/26394075\/RAVEN-Free-Multipurpose-PSD-Template\">Raven, Multipurpose PSD<\/a> \u2013 un PSD de site web multi-proposition.<\/li>\n<li><a href=\"http:\/\/casualnotebook.com\/ditto\">Ditto<\/a> \u2013 utiliser des variables dans Photoshop.<\/li>\n<\/ul>\n<h2>HTML\/CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/codyhouse.co\/demo\/animated-page-transition-2\/index.html\">Animated Page Transition<\/a> \u2013 un peu d&rsquo;inspiration sur une id\u00e9e d&rsquo;animation entre deux pages.<\/li>\n<li><a href=\"http:\/\/bit.ly\/1J8KXaK\">\u00ab\u00a0Cardio\u00a0\u00bb HTML Template<\/a> \u2013 un template one page gratuit.<\/li>\n<li><a href=\"http:\/\/www.smashingmagazine.com\/2015\/07\/14\/quantity-ordering-with-css\/\">Quantity Ordering with CSS<\/a> \u2014 une technique de mise en page utilisant flexbox plut\u00f4t int\u00e9ressante.<\/li>\n<\/ul>\n<h2>Typographie<\/h2>\n<ul>\n<li><a href=\"http:\/\/designmodo.com\/great-font-combinations\/\">Great Font Combinations<\/a> \u2013 des exemples et explications de combinaison de fontes.<\/li>\n<li><a href=\"http:\/\/www.bypeople.com\/monoline-cursive-script-font\/\">Nickainley<\/a> \u2013 une fonte script monoline vraiment sympa.<\/li>\n<\/ul>\n<h2>JavaScript<\/h2>\n<ul>\n<li><a href=\"http:\/\/mattketmo.github.io\/darkroomjs\/\">Darkroom.js<\/a> \u2013 une biblioth\u00e8que de traitement d&rsquo;image (rognage, redimensionnement, etc.) utilisant HTML5 Canvas.<\/li>\n<li><a href=\"http:\/\/ericleong.me\/zoomwall.js\/\">ZoomWall.js<\/a> \u2013 une extension de masonry pour cr\u00e9er un mur navigable par zoom.<\/li>\n<li><a href=\"http:\/\/asvd.github.io\/intence\/\">Intence<\/a> \u2013 un indicateur de scroll en minimap plut\u00f4t original.<\/li>\n<li><a href=\"http:\/\/daniellaharel.com\/raindrops\/\">Raindrop.js<\/a> \u2013 un effet de go\u00fbte d&rsquo;eau sur les lignes de votre design.<\/li>\n<li><a href=\"http:\/\/jonobr1.github.io\/two.js\/\">Two.js<\/a> \u2013 dessinez en 2D dans de multiples contextes. (<code>svg<\/code>, <code>canvas<\/code>, et <code>webgl<\/code>)<\/li>\n<li><a href=\"http:\/\/bevacqua.github.io\/dragula\/\">Dragula<\/a> \u2013 un script de Drag &amp; Drop bien pens\u00e9.<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.getmdl.io\/\">MDL<\/a> \u2013 Material design light, un framework CSS et JS pour composer du design \u00ab\u00a0material\u00a0\u00bb.<\/li>\n<\/ul>\n<p>N&rsquo;h\u00e9sitez pas \u00e0 compl\u00e9ter ces ressources dans les commentaires si vous avez des choses \u00e9quivalentes ou similaires.<\/p>\n<p>\u00c0 bient\u00f4t !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On commence le d\u00e9but du mois d&rsquo;ao\u00fbt avec une petite s\u00e9lection de ressources en design (ic\u00f4nes, PSD, kits d&rsquo;interface, logos et typographies), ainsi qu&rsquo;une bonne s\u00e9lection de scripts en tout genre pour faire du dessin (SVG, Canvas et WebGL) et de belles animations. Bonne lecture !<\/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":[93,125,128,238],"coauthors":[597],"class_list":["post-5138","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-icones","tag-javascript","tag-photoshop","tag-psd"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5138","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=5138"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5138\/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=5138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=5138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=5138"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=5138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}