{"id":5548,"date":"2016-02-10T09:52:09","date_gmt":"2016-02-10T08:52:09","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=5548"},"modified":"2016-07-08T12:42:51","modified_gmt":"2016-07-08T10:42:51","slug":"les-ressources-du-web-22","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-22","title":{"rendered":"Les Ressources du Web #22"},"content":{"rendered":"<p>Cela faisait un moment que je n&rsquo;avais pas aliment\u00e9 ce billet. Vous trouverez donc, pour cette fois, des outils et astuces fra\u00eeches et moins fra\u00eeches, mais vous n&rsquo;avez probablement pas d\u00e9j\u00e0 tout vu (enfin j&rsquo;esp\u00e8re :p). C&rsquo;est donc l&rsquo;occasion de jeter un \u0153il sur ces quelques ressources.<\/p>\n<p><!--more--><\/p>\n<h2>HTML &amp; CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.quirksmode.org\/blog\/archives\/2015\/11\/styling_and_scr.html\">Styling a slider<\/a> \u2013 apprenez \u00e0 styler et scripter l&rsquo;<code>input<\/code> de type <code>range<\/code> (slider)<\/li>\n<li><a href=\"http:\/\/foundation.zurb.com\/emails.html\">Foundation for Emails<\/a> \u2013 le nouveau framework de ZURB pour vos e-mails.<\/li>\n<li><a href=\"http:\/\/gridlex.devlint.fr\/\">GridLex<\/a> \u2013 une grille CSS bas\u00e9e sur Flexbox qui m&rsquo;a l&rsquo;air plut\u00f4t prometteuse.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/ElasticCircleSlideshow\/\">Elastic Circle Slideshow<\/a> \u2013 petite inspiration du moment.<\/li>\n<\/ul>\n<h2>JavaScript<\/h2>\n<ul>\n<li><a href=\"https:\/\/scrollrevealjs.org\/\">Scroll Reveal<\/a> \u2013 un petit script pour cr\u00e9er ais\u00e9ment vos animations au scroll.<\/li>\n<li><a href=\"http:\/\/responsifyjs.space\/\">ResponsifyJS<\/a> \u2013 un plugin pour afficher un ensemble d&rsquo;image dans un cadre responsive sans sacrifier le sujet principal de l&rsquo;image. (\u00e0 combiner avec <a href=\"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-21\">SmartCropJS pr\u00e9sent\u00e9 ici<\/a> ?)<\/li>\n<li><a href=\"https:\/\/github.com\/jonom\/jquery-focuspoint\">FocusPoint<\/a> \u2013 un autre script qui permet de d\u00e9tecter le point d&rsquo;int\u00e9r\u00eat d&rsquo;une image.<\/li>\n<li><a href=\"http:\/\/mojs.io\/\">Mo.js<\/a> \u2013 ou Motion.js est une biblioth\u00e8que d&rsquo;animations assez stup\u00e9fiante.<\/li>\n<\/ul>\n<h2>SVG &amp; Icons<\/h2>\n<ul>\n<li><a href=\"http:\/\/svgicons.sparkk.fr\/\">SVG Icons ready to use<\/a> \u2013 une petite collection d&rsquo;ic\u00f4nes SVG pr\u00eates \u00e0 l&#8217;emploi.<\/li>\n<li><a href=\"http:\/\/www.webdesignerdepot.com\/2015\/11\/free-download-elegant-vector-kit\/\">Elegant vector kit<\/a> \u2013 un gros kit d&rsquo;\u00e9l\u00e9ments (terminaux, casques, smartwatches, caf\u00e9, etc.) vectoriels.<\/li>\n<\/ul>\n<h2>\u00c9l\u00e9ments graphiques<\/h2>\n<ul>\n<li><a href=\"http:\/\/zippypixels.com\/product\/mockups\/perspective\/superb-free-perspective-website-mockup\/\">Website Mockup<\/a> \u2013 un PSD pour pr\u00e9senter vos designs <em>responsive<\/em> de mani\u00e8re originale.<\/li>\n<li><a href=\"https:\/\/dribbble.com\/shots\/2354438-84-Line-Icons\">84 Line icons<\/a> \u2013 fichiers PSD, AI et Sketch avec 84 belles ic\u00f4nes.<\/li>\n<\/ul>\n<h2>Outils &amp; Services<\/h2>\n<ul>\n<li><a href=\"https:\/\/notifuse.com\/stickers\">Free Dev Stickers<\/a> \u2014 demandez vos stickers gratuitement.<\/li>\n<li><a href=\"http:\/\/avocode.com\/\">Avocode<\/a> \u2013 un outil vraiment pratique pour faciliter le passage de la maquette au code.<\/li>\n<li><a href=\"https:\/\/imagify.io\/fr\">Imagify<\/a> \u2013 le tout dernier outil d&rsquo;optimisation d&rsquo;image (un <a href=\"https:\/\/www.creativejuiz.fr\/blog\/veille-technologique\/imagify-optimisez-vos-images-et-accelerez-votre-site-web\">article plus complet sur Imagify<\/a>)<\/li>\n<li><a href=\"http:\/\/labs.invisionapp.com\/craft\">Craft<\/a> \u2013 un outil cr\u00e9\u00e9 par InVision pour construire vos maquettes Sketch &amp; Photoshop avec du contenu fictif riche.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Cela faisait un moment que je n&rsquo;avais pas aliment\u00e9 ce billet. Vous trouverez donc, pour cette fois, des outils et astuces fra\u00eeches et moins fra\u00eeches, mais vous n&rsquo;avez probablement pas d\u00e9j\u00e0 tout vu (enfin j&rsquo;esp\u00e8re :p). C&rsquo;est donc l&rsquo;occasion de jeter un \u0153il sur ces quelques ressources.<\/p>\n","protected":false},"author":4,"featured_media":5931,"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":[224,113,305,307],"coauthors":[597],"class_list":["post-5548","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-outils","tag-slideshow","tag-svg","tag-vecteur"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5548","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=5548"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5548\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/5931"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=5548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=5548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=5548"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=5548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}