{"id":3863,"date":"2014-03-19T20:58:37","date_gmt":"2014-03-19T19:58:37","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=3863"},"modified":"2014-03-19T20:58:37","modified_gmt":"2014-03-19T19:58:37","slug":"les-ressources-du-web-5","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-5","title":{"rendered":"Les ressources du Web #5"},"content":{"rendered":"<p>Ce web n&rsquo;a donc aucune limite !? Voici une grosse s\u00e9lection des ressources crois\u00e9es sur la toile, Twitter ou autres r\u00e9seaux regorgeant d&rsquo;adresses bien utiles. Du jQuery sans jQuery, du placement dynamique en JS, des extensions Photoshop, de l&rsquo;inspiration graphique et du code, de la typo et du logo !<!--more--><\/p>\n<h2>JavaScript<\/h2>\n<ul>\n<li><a href=\"http:\/\/youmightnotneedjquery.com\/\">You Might Not Need jQuery<\/a> &#8211; faites la m\u00eame chose que jQuery, mais sans jQuery !<\/li>\n<li><a href=\"http:\/\/svgmagic.bitlabs.nl\/\">SVG Magic<\/a> &#8211; un plugin jQuery proposant un fallback pour le SVG<\/li>\n<li><a href=\"http:\/\/soulwire.github.io\/fit.js\/\">Fit.js de Soulwire<\/a> &#8211; un script JS pour placer un \u00e9l\u00e9ment dans un autre<\/li>\n<li><a href=\"http:\/\/github.hubspot.com\/tether\/\">TheTher<\/a> &#8211; un script JS pour placer et contr\u00f4ler la position d&rsquo;une \u00e9l\u00e9ment par rapport \u00e0 un autre<\/li>\n<li><a href=\"http:\/\/instantclick.io\/\">Instant Click<\/a> &#8211; une biblioth\u00e8que JS pour charger instantan\u00e9ment vos pages web. (ne marche pas \u00e0 la navigation clavier pour le moment)<\/li>\n<li><a href=\"http:\/\/janpaepke.github.io\/ScrollMagic\/\">ScrollMagic<\/a> &#8211; un plugin jQuery proposant des effets au scroll (fonctionne moyennement bien sur Firefox)<\/li>\n<\/ul>\n<h2>Photoshop<\/h2>\n<ul>\n<li><a href=\"http:\/\/randomuser.me\/extension\/\" hrelang=\"en\" lang=\"en\">Random User<\/a> &#8211; extension pour g\u00e9n\u00e9rer des calques \u00ab\u00a0d&rsquo;Ui utilisateur\u00a0\u00bb automatiquement.<\/li>\n<li><a href=\"http:\/\/filp.github.io\/psdiff\/\" hrelang=\"en\" lang=\"en\">PSDiff<\/a> &#8211; photoshop diff<\/li>\n<li><a href=\"http:\/\/ink.chrometaphore.com\/\" hrelang=\"en\" lang=\"en\">Ink<\/a> &#8211; ink, un plugin Photoshop (CS6 et CC) pour cr\u00e9er une petite documentation de vos PSD \u00e0 destination des int\u00e9grateurs\/dev-front<\/li>\n<\/ul>\n<h2>Ressources Logo\/identit\u00e9<\/h2>\n<ul>\n<li><a href=\"http:\/\/webdesignledger.com\/freebies\/30-free-vintage-logo-templates\" hrelang=\"en\" lang=\"en\">30 free vintage logo template<\/a> &#8211; 30 templates de logo vintage gratuits<\/li>\n<li><a href=\"http:\/\/www.type-finder.com\/\" hrelang=\"en\" lang=\"en\">Type Finder<\/a> &#8211; trouvez une police de caract\u00e8re adapt\u00e9e en r\u00e9pondant \u00e0 quelques questions<\/li>\n<li><a href=\"http:\/\/glyphrstudio.com\/\" hrelang=\"en\" lang=\"en\">Glyphr<\/a> &#8211; Glyphr, cr\u00e9ez votre fonte gr\u00e2ce \u00e0 cet \u00e9diteur<\/li>\n<li><a href=\"http:\/\/www.prototypo.io\/\" hrelang=\"en\" lang=\"en\">Prototypo.io<\/a> &#8211; un projet d&rsquo;\u00e9diteur de fonte plut\u00f4t sympa (bient\u00f4t ouvert)<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"http:\/\/glyphter.com\/\" hrelang=\"en\" lang=\"en\">Glyphter<\/a> &#8211; cr\u00e9ez votre fonte par glisser\/d\u00e9poser de fichiers SVG<\/li>\n<li><a href=\"http:\/\/stackicons.com\/\" hrelang=\"en\" lang=\"en\">Stack Icons<\/a> &#8211; des ic\u00f4nes fontes avanc\u00e9es pour les webdesigners (avanc\u00e9s aussi)<\/li>\n<li><a href=\"http:\/\/peek.usertesting.com\/\" hrelang=\"en\" lang=\"en\">Peek Usertesting<\/a> &#8211; regardez une vid\u00e9o de 5 minutes d&rsquo;une vraie personne qui teste votre site web.<\/li>\n<li><a href=\"http:\/\/theycallmecrowe.com\/advice\/crowe-wireframekit.html\" hrelang=\"en\" lang=\"en\">Wireframe kit<\/a> &#8211; un kit de wireframe (pas compatible CS4)<\/li>\n<li><a href=\"http:\/\/stylifyme.com\/\" hrelang=\"en\" lang=\"en\">Stylify Me<\/a> &#8211; cr\u00e9er un <em lang=\"en\">Style Guide<\/em> basique \u00e0 partir d&rsquo;une page Web.<\/li>\n<li><a href=\"http:\/\/sitecake.com\/\" hrelang=\"en\" lang=\"en\">Site Cake<\/a> &#8211; un CMS en simple drag&amp;drop<\/li>\n<\/ul>\n<h2>Inspiration et conseils<\/h2>\n<ul>\n<li><a href=\"http:\/\/lespourquoisdudesign.com\/\">LesPourquoisDuDesign.com<\/a> &#8211; les pourquois du design, des r\u00e9ponses aux questions \u00ab\u00a0clients\u00a0\u00bb d\u00e9j\u00e0 pos\u00e9es et repos\u00e9es.<\/li>\n<li><a href=\"http:\/\/doisjeutiliser.fr\">DoisJeUtiliser.fr<\/a> &#8211; des contre-exemples ergonomiques sur des demandes \u00ab\u00a0clients\u00a0\u00bb classiques (slideshow, popup, Masonry, etc.)<\/li>\n<li><a href=\"http:\/\/googlewebmastercentral.blogspot.jp\/2014\/02\/infinite-scroll-search-friendly.html\" hrelang=\"en\" lang=\"en\">Google &#8211; Infinite scroll<\/a> &#8211; conseils de Google pour mettre en place un Infinite Scroll (article en anglais)<\/li>\n<li><a href=\"http:\/\/geisha.io\/app\/\" hrelang=\"en\" lang=\"en\">Geisha.io<\/a> &#8211; petites inspirations graphiques quotidiennes<\/li>\n<li><a href=\"http:\/\/app.itize.us\/\" hrelang=\"en\" lang=\"en\">Appitize Us<\/a> &#8211; inspiration pour vos applications smartphone<\/li>\n<li><a href=\"http:\/\/vimeo.com\/85827052\" hrelang=\"en\" lang=\"en\">Logo Vol 1<\/a> &#8211; des logos mis en animation<\/li>\n<\/ul>\n<h2>Code &amp; d\u00e9monstrations<\/h2>\n<ul>\n<li><a href=\"http:\/\/blog.adtile.me\/2014\/03\/03\/responsive-fixed-one-page-navigation\/\" hrelang=\"en\" lang=\"en\">Responsive fixed one page nav<\/a> &#8211; une navigation fixe Responsive plut\u00f4t bien pens\u00e9e<\/li>\n<li><a href=\"http:\/\/css-tricks.com\/svg-sprites-use-better-icon-fonts\/\" hrelang=\"en\" lang=\"en\">SVG sprites<\/a> &#8211; des sprites SVG pour de meilleures ic\u00f4nes (article en anglais)<\/li>\n<li><a href=\"http:\/\/animatron.com\/\" hrelang=\"en\" lang=\"en\">Animatron<\/a> &#8211; cr\u00e9er des animations avec cet \u00e9diteur en ligne<\/li>\n<li><a href=\"http:\/\/codepen.io\/averyvery\/pen\/IvDLB\" hrelang=\"en\" lang=\"en\">Flipping countdown<\/a> &#8211; un \u00ab\u00a0flipping countdown\u00a0\u00bb r\u00e9aliste anim\u00e9<\/li>\n<li><a href=\"http:\/\/www.campaignmonitor.com\/guides\/best-email-marketing-campaigns\/\" hrelang=\"en\" lang=\"en\">Best email campaigns<\/a> &#8211; les 100 meilleurs e-mail marketing de 2013<\/li>\n<\/ul>\n<p>Contenu tr\u00e8s anglophone pour cette fois ci \ud83d\ude42<br \/>\nBonne lecture !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce web n&rsquo;a donc aucune limite !? Voici une grosse s\u00e9lection des ressources crois\u00e9es sur la toile, Twitter ou autres r\u00e9seaux regorgeant d&rsquo;adresses bien utiles. Du jQuery sans jQuery, du placement dynamique en JS, des extensions Photoshop, de l&rsquo;inspiration graphique et du code, de la typo et du logo !<\/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,52,91,128,305,81],"coauthors":[],"class_list":["post-3863","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-inspiration","tag-jquery","tag-logo","tag-photoshop","tag-svg","tag-typographie"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3863","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=3863"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3863\/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=3863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=3863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=3863"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=3863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}