{"id":5120,"date":"2015-06-29T21:00:10","date_gmt":"2015-06-29T19:00:10","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=5120"},"modified":"2015-06-29T21:02:36","modified_gmt":"2015-06-29T19:02:36","slug":"les-ressources-du-web-17","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-17","title":{"rendered":"Les ressources du Web #17"},"content":{"rendered":"<p>Grosse s\u00e9lection de fontes cette semaine, mais \u00e9galement d&rsquo;astuces, outils et d&rsquo;articles \u00e0 propos de CSS. Composez \u00e9galement votre premier jeu en HTML5, et d\u00e9couvrez Sprint JS une biblioth\u00e8que bien plus rapide que jQuery proposant la m\u00eame syntaxe, entre plein d&rsquo;autres choses.<\/p>\n<p><!--more--><\/p>\n<h2>HTML<\/h2>\n<ul>\n<li><a href=\"http:\/\/emailframe.work\/\">Email Framework<\/a> \u2013 construisez vos e-mails \u00e0 partir de briques d\u00e9j\u00e0 exp\u00e9riment\u00e9es.<\/li>\n<li><a href=\"http:\/\/tutorialzine.com\/2015\/06\/making-your-first-html5-game-with-phaser\/\">Your first HTML5 Game<\/a> \u2013 construisez votre premier jeu en HTML5 gr\u00e2ce \u00e0 ce tutoriel.<\/li>\n<\/ul>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/purifycss\/purifycss\">PurifyCSS<\/a> \u2013 ne gardez que les CSS utiles de votre feuille de styles.<\/li>\n<li><a href=\"http:\/\/davidecalignano.it\/css-trick-to-reproduce-glimpse-on-native-scroll\/\">Glimpse on native scroll<\/a> \u2013 un effet de d\u00e9bordement int\u00e9ressant en CSS.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/AnimatedGridLayout\/\">Animated grid layout<\/a> \u2013 un effet d&rsquo;\u00e9l\u00e9ments de grille anim\u00e9 tr\u00e8s sympa.<\/li>\n<li><a href=\"https:\/\/scotch.io\/tutorials\/a-visual-guide-to-css3-flexbox-properties\">Flexbox visual guide<\/a> \u2013 (re)d\u00e9couvrez flexbox gr\u00e2ce \u00e0 ce guide imag\u00e9.<\/li>\n<li><a href=\"http:\/\/howtocenterincss.com\/\">How to center in CSS<\/a> \u2013 un guide interactif pour centrer des choses en CSS.<\/li>\n<\/ul>\n<h2>JS<\/h2>\n<ul>\n<li><a href=\"http:\/\/callmecavs.github.io\/layzr.js\/\">Layzr<\/a> \u2013 un script l\u00e9ger et sans d\u00e9pendance pour du lazyload.<\/li>\n<li><a href=\"https:\/\/github.com\/bendc\/sprint\">Sprint.js<\/a> \u2013 une biblioth\u00e8que copiant l&rsquo;API de jQuery (r\u00e9tro-compatibilit\u00e9) mais en beaucoup plus performant.<\/li>\n<li><a href=\"http:\/\/gradifycss.com\/\">GradifyCSS<\/a> \u2013 un script JS qui remplace une image par un d\u00e9grad\u00e9 (CSS) de ses couleurs.<\/li>\n<li><a href=\"https:\/\/github.com\/ROUND\/enhance.js\">Enhance JS<\/a> \u2013 propose un effet de zoom d&rsquo;image au sein de la page plut\u00f4t sympa.<\/li>\n<\/ul>\n<h2>Ergonomie<\/h2>\n<ul>\n<li><a href=\"http:\/\/uxmag.com\/articles\/let-your-users-wait\">Let your users wait<\/a> \u2013 un tr\u00e8s bon article sur \u00ab\u00a0l&rsquo;utilit\u00e9\u00a0\u00bb de l&rsquo;attente.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Blueprints\/FilterableProductGrid\/\">Filterable Product Grid<\/a> \u2013 une id\u00e9e de pr\u00e9sentation de produit \u00e0 la \u00ab\u00a0masonry\u00a0\u00bb<\/li>\n<\/ul>\n<h2>Graphisme<\/h2>\n<ul>\n<li><a href=\"http:\/\/qrohlf.com\/trianglify-generator\/\">Trianglify Generator<\/a> \u2013 g\u00e9n\u00e9rer une image avec des triangles et un d\u00e9grad\u00e9 de couleurs.<\/li>\n<li><a href=\"http:\/\/williamngan.github.io\/kubist\/\">Kubist<\/a> \u2013 transformez une image avec un effet \u00ab\u00a0cubique\u00a0\u00bb.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/InteractiveColoringConcept\/\">Interactive Coloring Concept<\/a> \u2013 un concept int\u00e9ressant\u00a0 de colorisation d&rsquo;interface.<\/li>\n<li><a href=\"https:\/\/dribbble.com\/shots\/2110122-Free-set-of-Isometric-Material-Icons\">Isometric material icons<\/a> \u2013 inspiration pour des ic\u00f4nes de matos informatique en isom\u00e9trique.<\/li>\n<li><a href=\"http:\/\/www.coverr.co\/\">Coverr<\/a> \u2013 ressources vid\u00e9os gratuites pour vos bakgrounds de page d&rsquo;accueil.<\/li>\n<\/ul>\n<h2>Typographie<\/h2>\n<p>Une petite s\u00e9lection des fontes que j&rsquo;appr\u00e9cie issue de l&rsquo;excellent <a href=\"http:\/\/fr.tuto.com\/blog\/2015\/06\/95-typos-gratuites-indispensables-designs.htm\">article de Tuto.com<\/a>. Merci \u00e0 <a href=\"https:\/\/twitter.com\/ChristineViale\">Christine<\/a> d&rsquo;avoir relay\u00e9 l&rsquo;info \ud83d\ude09<\/p>\n<ul>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/25541553\/Ailerons-free-typeface\">Ailerons Typeface<\/a> \u2013 une fonte droite tr\u00e8s classieuse<\/li>\n<li><a href=\"http:\/\/fontfabric.com\/archive-free-font\/\">Archive Typeface<\/a> \u2013 une fonte sans-serif \u00e9paisse et ronde sympa<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/4015111\/bariol\">Bariol Family<\/a> \u2013 une famille de fontes rondes toute en courbes<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/23499145\/Bauru-Free-Font\">Bauru<\/a> \u2013 une fonte serif classieuse id\u00e9ale pour un esprit mode ou luxe inspir\u00e9 des Didone.<\/li>\n<li><a href=\"http:\/\/fontfabric.com\/choplin-free-font\/\">Choplin<\/a> \u2013 une Slab serif g\u00e9om\u00e9trique<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/11786021\/Glamor-Chic-Modern-Free-Type-Family\">Glamor<\/a> \u2013 une fonte glamour et chic<\/li>\n<li><a href=\"http:\/\/pedroazedo.tumblr.com\/\">Kanji<\/a> \u2013 une belle famille sans-serif typ\u00e9e<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/metropolis-1920\/3244285\">Metropolis<\/a> \u2013 une fonte structur\u00e9e et g\u00e9om\u00e9trique tr\u00e8s architecturale<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/23680875\/Monthoers-Free-Font\">Monthoers<\/a> \u2013 une fonte avec un aspect plut\u00f4t vintage<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/23468357\/Moon-Free-Font\">Moon<\/a> \u2013 une fonte droite tr\u00e8s simple<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/24243507\/Nickainley-Script-Free-Font\">Nickainley<\/a> \u2013 une fonte\u00a0scripturale \u00e0 ligne unique<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.egalise.com\/swan-gallery\/?lang=fr\">Swan Gallery<\/a> \u2013 un outil pour cr\u00e9er des galeries pour vous, photographes.<\/li>\n<\/ul>\n<p><em>Enjoy<\/em> !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Grosse s\u00e9lection de fontes cette semaine, mais \u00e9galement d&rsquo;astuces, outils et d&rsquo;articles \u00e0 propos de CSS. Composez \u00e9galement votre premier jeu en HTML5, et d\u00e9couvrez Sprint JS une biblioth\u00e8que bien plus rapide que jQuery proposant la m\u00eame syntaxe, entre plein d&rsquo;autres choses.<\/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":[29,224,81],"coauthors":[597],"class_list":["post-5120","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-font","tag-outils","tag-typographie"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5120","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=5120"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5120\/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=5120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=5120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=5120"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=5120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}