{"id":6142,"date":"2017-01-30T12:37:57","date_gmt":"2017-01-30T11:37:57","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=6142"},"modified":"2017-01-30T12:37:57","modified_gmt":"2017-01-30T11:37:57","slug":"les-ressources-du-web-30","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-30","title":{"rendered":"Les Ressources du Web #30"},"content":{"rendered":"<p>Toujours pas beaucoup de temps pour vous \u00e9crire des articles plus recherch\u00e9s et approfondis. J&rsquo;en reste donc au format liste de course et vous propose \u00e0 nouveau une petite s\u00e9lection de ressources pour votre inspiration et vos cr\u00e9ations. Un peu plus d&rsquo;articles de fond, de WordPress et d&rsquo;inspiration, moins de d\u00e9mos JS cette fois.<\/p>\n<p><!--more--><\/p>\n<h2>S&rsquo;il fallait n&rsquo;en retenir qu&rsquo;un<\/h2>\n<p>Pas facile de choisir cette fois, entre effet wahou et article de fond.<br \/>\nJ&rsquo;ai retenu un article de fond \/ \u00e9tude de cas que <a href=\"https:\/\/www.stephaniewalter.fr\/\">St\u00e9phanie<\/a> m&rsquo;a relay\u00e9 sur l&rsquo;accessibilit\u00e9 d&rsquo;un produit. D\u00e9sol\u00e9 pour les anglophobes mais vous allez devoir vous y faire.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/monzo.com\/blog\/2017\/01\/27\/designing-product-mental-health-mind\/\"><img decoding=\"async\" class=\"wp-image-6171 aligncenter\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/01\/0-header.png\" width=\"500\" height=\"356\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/01\/0-header.png 864w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/01\/0-header-300x214.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/01\/0-header-768x548.png 768w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/01\/0-header-600x428.png 600w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><strong>Designing a product with mental health issues in mind<\/strong><\/a><\/p>\n<h2>HTML &amp; CSS<\/h2>\n<ul>\n<li><a href=\"https:\/\/webkul.github.io\/csspin\/\">CSSPin<\/a> \u2013 des spinners construits gr\u00e2ce \u00e0 un \u00e9l\u00e9ment HTML et quelques lignes de CSS.<\/li>\n<li><a href=\"https:\/\/bttn.surge.sh\/\">Button.css<\/a> \u2013 une petite biblioth\u00e8que pour faire des boutons\u2026 ben quoi ?<\/li>\n<li><a href=\"http:\/\/www.rankred.com\/whats-new-in-html-5-1-added-features\/\">HTML 5.1<\/a> \u2013 les nouveaut\u00e9s \u00e0 prendre en compte.<\/li>\n<li><a href=\"http:\/\/concisecss.com\">Concise CSS<\/a> \u2013 un framework global plut\u00f4t l\u00e9ger \u00e0 explorer.<\/li>\n<li><a href=\"https:\/\/webslides.tv\/\">Webslides<\/a> \u2013 un framework pour cr\u00e9er des slides facilement en HTML.<\/li>\n<li><a href=\"https:\/\/scotch.io\/tutorials\/building-a-morphing-hamburger-menu-with-css\">Morphing Hamburger Menu with CSS<\/a> \u2013 une d\u00e9mo de menu CSS avec un effet de transformation int\u00e9ressant.<\/li>\n<\/ul>\n<h2>JavaScript &amp; SVG<\/h2>\n<ul>\n<li><a href=\"https:\/\/sindu12jun.github.io\/table-dragger\/\">Table Dragger<\/a> \u2013 une biblioth\u00e8que JS pour glisser\/d\u00e9poser des colonnes ou lignes de tableau.<\/li>\n<li><a href=\"https:\/\/thinker3197.github.io\/progressively\/\">Progressively<\/a> \u2013 charger une image progressivement avec un effet de flou vers net.<\/li>\n<li><a href=\"https:\/\/hackernoon.com\/a-simple-pie-chart-in-svg-dbdd653b6936\">A Simple Pie Chart<\/a> \u2013 un article qui prend le temps de vous faire construire une \u00ab\u00a0<em>Pie Chart<\/em>\u00ab\u00a0.<\/li>\n<\/ul>\n<h2>Inspiration, UI\/UX<\/h2>\n<ul>\n<li><a href=\"http:\/\/fonts.greatsimple.io\/\">2017 Trendy Fonts<\/a> \u2013 quelques id\u00e9es de combinaison de fontes, \u00e0 prendre avec des pincettes ;p<\/li>\n<li><a href=\"https:\/\/tympanus.net\/Development\/MirrorEffect\/\">Mirror Effect<\/a> \u2013 un effet de miroir plut\u00f4t sympa.<\/li>\n<li><a href=\"https:\/\/www.fastcodesign.com\/3066571\/the-best-and-worst-user-interfaces-of-2016\">Best and Worst UIs of 2016<\/a> \u2013 une s\u00e9lection critique d&rsquo;interfaces d\u00e9couvertes en 2016.<\/li>\n<li><a href=\"http:\/\/codepen.io\/waaark\/full\/ENRvvq\/\">Mouse Elastic Border<\/a> \u2013 un effet \u00e9lastique au passage de la souris sur une bordure.<\/li>\n<li><a href=\"https:\/\/medium.com\/ux-power-tools\/tiny-trends-1-non-rectangular-headers-e8d2d4ee578f#.8omefpen4\">Non-Rectangular Headers<\/a> \u2013 une s\u00e9lection de headers d&rsquo;application et site web non rectangulaires.<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/40964805\/Toms-Town-Branding\">Tom&rsquo;s Town Branding<\/a> \u2013 un beau travail typographique sur la marque Tom&rsquo;s Town.<\/li>\n<li><a href=\"https:\/\/medium.com\/tmw-interactive\/creative-technology-monthly-disappearing-interface-4161d262ba23#.cv6wgpvyp\">Disappearing interface<\/a> \u2013 un article sur la disparition de l&rsquo;interface visuelle.<\/li>\n<li><a href=\"https:\/\/monzo.com\/blog\/2017\/01\/27\/designing-product-mental-health-mind\/\">Designing with mental Health in mind<\/a> \u2013 une approche pour penser l&rsquo;accessibilit\u00e9 comme un vrai service inclus de base de votre produit.<\/li>\n<\/ul>\n<h2>Outils et Ressources<\/h2>\n<ul>\n<li><a href=\"https:\/\/medium.com\/sketch-app-sources\/introducing-auto-layout-for-sketch-24e7b5d068f9#.s8h905ydy\">Auto-Layout for Sketch<\/a> \u2013 concevez et passez d&rsquo;une mise en page \u00e0 une autre sur Sketch.<\/li>\n<li><a href=\"https:\/\/copio.pluginmate.com\">Copio<\/a> \u2013 un plugin gratuit pour copier\/coller des calques sur Photoshop.<\/li>\n<li><a href=\"https:\/\/github.com\/lkzhao\/Hero\">Hero<\/a> \u2013 biblioth\u00e8que\/moteur d&rsquo;animation pour vos applications iOS.<\/li>\n<li><a href=\"https:\/\/medium.com\/sketch-app-sources\/looking-ahead-at-sketch-and-other-design-tools-in-2017-e5660c1657ba#.8v9tl4iiw\">Sketch and other design tools<\/a> \u2013 un tour d&rsquo;horizon de Sketch, de la concurrence et des choses \u00e0 venir.<\/li>\n<li><a href=\"http:\/\/www.blogduwebdesign.com\/ressources\/typographies-gratuites-decembre-2016\/2352\">Typographies Gratuites<\/a> \u2013 une s\u00e9lection de typographies gratuites int\u00e9ressante.<\/li>\n<li><a href=\"https:\/\/github.com\/djirdehh\/react-living-app\">Citii.io<\/a> \u2013 une application React pour comparer le co\u00fbt de la vie entre deux villes.<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"https:\/\/blog.edenpulse.com\/communaute-wordpress-a-besoin-de-plus-de-designers\/\">La communaut\u00e9 WordPress a besoin de plus de designers<\/a> \u2013 le sujet est dans le titre :p<\/li>\n<li><a href=\"https:\/\/codecanyon.net\/item\/slider-maker\/15417250?ref=CreativeJuiz\">Slider Maker<\/a> \u2013 un plugin made in France pour cr\u00e9er vos slideshow.<\/li>\n<li><a href=\"https:\/\/wpformation.com\/wordpress-widget-header\/\">Une zone widget dans votre header<\/a> \u2013 un tutoriel simple pour ajouter un widget dans le header de votre site.<\/li>\n<li><a href=\"https:\/\/getflywheel.com\/\">Flywheel<\/a> \u2013 lancez et g\u00e9rez un site WordPress en local en un rien de temps.<\/li>\n<li><a href=\"https:\/\/wptavern.com\/automattic-releases-free-plugin-for-exporting-photos-from-lightroom-to-wordpress\">Lightroom Export to WordPress site<\/a> \u2013 un plugin lanc\u00e9 par Automattic pour exporter depuis Lightroom vers un WordPress.<\/li>\n<\/ul>\n<p>Excellente lecture !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Toujours pas beaucoup de temps pour vous \u00e9crire des articles plus recherch\u00e9s et approfondis. J&rsquo;en reste donc au format liste de course et vous propose \u00e0 nouveau une petite s\u00e9lection de ressources pour votre inspiration et vos cr\u00e9ations. Un peu plus d&rsquo;articles de fond, de WordPress et d&rsquo;inspiration, moins de d\u00e9mos JS cette fois.<\/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":[],"coauthors":[597],"class_list":["post-6142","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6142","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=6142"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6142\/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=6142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=6142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=6142"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=6142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}