{"id":6453,"date":"2017-12-06T08:37:02","date_gmt":"2017-12-06T07:37:02","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog?p=6453"},"modified":"2017-12-06T10:49:21","modified_gmt":"2017-12-06T09:49:21","slug":"les-ressources-du-web-36","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-36","title":{"rendered":"Les Ressources du Web #36"},"content":{"rendered":"<p>Des ic\u00f4nes, un nouveau CMS, une application Mac super pratique, des plugins Sketch pour vous simplifier la vie, des scripts JavaScript toujours plus performants, des astuces en CSS et une s\u00e9lection de quelques lectures enrichissantes, voil\u00e0 ce qui vous attend dans cette s\u00e9lection des ressources du Web. <em>Enjoy<\/em>!<\/p>\n<p><!--more--><\/p>\n<h2>S&rsquo;il devait n&rsquo;en rester qu&rsquo;un<\/h2>\n<p><a href=\"https:\/\/zehfernandes.github.io\/pliim\/\"><img decoding=\"async\" class=\"alignnone size-full wp-image-6457\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/12\/pliim-presentation-mode-mac.jpg\" alt=\"\" width=\"1200\" height=\"612\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/12\/pliim-presentation-mode-mac.jpg 1200w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/12\/pliim-presentation-mode-mac-300x153.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/12\/pliim-presentation-mode-mac-768x392.jpg 768w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/12\/pliim-presentation-mode-mac-600x306.jpg 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p>Simple et efficace, cette application Mac fait une chose : vous permettre de faire votre pr\u00e9sentation (keynote, conf\u00e9rence, etc.) sans \u00eatre d\u00e9rang\u00e9 par des notifications hasardeuses ou des applications invasives.<\/p>\n<p><a class=\"download\" href=\"https:\/\/zehfernandes.github.io\/pliim\/\">D\u00e9couvrir Pliiim<\/a><\/p>\n<h2>Etude de cas<\/h2>\n<ul>\n<li><a href=\"https:\/\/medium.com\/@djo\/obsession-service-client-captain-train-cb0b91467fd9\">L&rsquo;obsession du Service Client<\/a> \u2013 Un retour d&rsquo;exp\u00e9rience d&rsquo;un employ\u00e9 de Capitain Train (Trainline).<\/li>\n<li><a href=\"https:\/\/medium.com\/dev-channel\/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154\">A Pinterest Progressive Web App<\/a> \u2013 Retour d&rsquo;exp\u00e9rience et conseils sur la construction d&rsquo;une PWA pour Pinterest.<\/li>\n<\/ul>\n<h2>JavaScript<\/h2>\n<ul>\n<li><a href=\"https:\/\/xtianmiller.github.io\/emergence.js\/\">Emergence.js<\/a> \u2013 Une biblioth\u00e8que JS toute petite pour d\u00e9tecter la pr\u00e9sence d&rsquo;un \u00e9l\u00e9ment \u00e0 l&rsquo;\u00e9cran.<\/li>\n<li><a href=\"https:\/\/github.com\/russellgoldenberg\/scrollama\">Scrollama.js<\/a> \u2013 Une biblioth\u00e8que \u00e0 base de IntersectionObserver pour g\u00e9rer des animations au scroll.<\/li>\n<li><a href=\"https:\/\/onextrapixel.com\/javascript-image-magnification-plugins\/?utm_content=bufferab807&amp;utm_medium=social&amp;utm_source=twitter.com&amp;utm_campaign=buffer\">12 JavaScript Image Magnification plugins<\/a> \u2013 Des scripts pour faire un effet zoom sur vos images.<\/li>\n<\/ul>\n<h2>HTML &amp; CSS<\/h2>\n<ul>\n<li><a href=\"https:\/\/codepen.io\/jcoulterdesign\/full\/JOYazv\/\">Pure CSS 3D Movie Booking App UI<\/a> \u2013 Une d\u00e9mo anim\u00e9e bien sympa d&rsquo;une interface application de films.<\/li>\n<li><a href=\"http:\/\/adrianroselli.com\/2017\/11\/a-responsive-accessible-table.html\">A responsive accessible table<\/a> \u2013 Comment rendre accessible et responsive un tableau.<\/li>\n<li><a href=\"https:\/\/medium.freecodecamp.org\/how-to-prototype-websites-quickly-with-css-grid-ffc9cba08583\">How to prototype with Grid Layout<\/a> \u2013 Proposer des proto rapidement avec CSS Grid Layout.<\/li>\n<li><a href=\"https:\/\/css-tricks.com\/animating-layouts-with-the-flip-technique\/\">The FLIP Technique to improve animations<\/a> \u2013 La technique FLIP en CSS expliqu\u00e9e.<\/li>\n<li><a href=\"https:\/\/webkit.org\/blog\/7551\/responsive-design-for-motion\/?utm_content=bufferc3240&amp;utm_medium=social&amp;utm_source=twitter.com&amp;utm_campaign=buffer\">prefers-reduced-motion<\/a> \u2013 Une media query respectueuse des choix utilisateurs.<\/li>\n<\/ul>\n<h2>UI\/UX<\/h2>\n<ul>\n<li><a href=\"https:\/\/webflow.com\/blog\/best-practices-for-site-search-design?utm_content=buffer5f0db&amp;utm_medium=social&amp;utm_source=twitter.com&amp;utm_campaign=buffer\">Best practices for search design<\/a> \u2013 Quelques bons conseils sur le design d&rsquo;un formulaire de recherche.<\/li>\n<li><a href=\"https:\/\/medium.com\/the-ux-chap\/stop-designing-building-f-king-sh-t-experiences-54fa0c6a2e41\">Stop Designing Fucking Shit Experiences<\/a> \u2013 Les choses \u00e0 \u00e9viter pour penser \u00ab\u00a0utilisateurs\u00a0\u00bb.<\/li>\n<li><a href=\"https:\/\/medium.muz.li\/skeuomorphic-design-a-controversial-ux-approach-that-is-making-a-comeback-a0b6e93eb4bb\">Skeuomorphic Design<\/a> \u2013 Une petite pens\u00e9e sur le retour du Skeuomorphisme.<\/li>\n<\/ul>\n<h2>Ressources Graphiques et d\u00e9mos<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.iconbros.com\/\">IconBros<\/a> \u2013 Une ressource d&rsquo;ic\u00f4nes gratuites grandissantes.<\/li>\n<li><a href=\"https:\/\/orioniconlibrary.com\/\">Orion Icon Library<\/a> \u2013 Une application avec plus de 4500 ic\u00f4nes et ses variantes.<\/li>\n<li><a href=\"http:\/\/demos.littleworkshop.fr\/infinitown\">Infinitown<\/a> \u2013 Une d\u00e9mo WebGL vraiment sympa d&rsquo;une ville infinie.<\/li>\n<li><a href=\"https:\/\/blog.stephaniewalter.fr\/en\/pixels-week-december-1-2017\/\">Pixels of the Week<\/a> \u2013 Quelques ressources et lectures bien utiles rassembl\u00e9es par St\u00e9phanie pour vous.<\/li>\n<li><a href=\"http:\/\/www.sketchcleaner.com\/\">Sketch Cleaner<\/a> \u2013 Un plugin sketch pour nettoyer vos fichiers Sketch.<\/li>\n<li><a href=\"http:\/\/diyahq.com\/\">Diya<\/a> \u2013 Cr\u00e9er des animations bas\u00e9es sur des timelines directement dans Sketch.<\/li>\n<\/ul>\n<h2>Autres ressources<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.sanity.io\/\">Sanity<\/a> \u2013 Un CMS headless \u00e0 d\u00e9couvrir.<\/li>\n<li><a href=\"https:\/\/zehfernandes.github.io\/pliim\/\">Pliiim<\/a> \u2013 Une application Mac pour passer en mode pr\u00e9sentation rapidement.<\/li>\n<\/ul>\n<p>\u00c0 la prochaine et bonne lecture !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Des ic\u00f4nes, un nouveau CMS, une application Mac super pratique, des plugins Sketch pour vous simplifier la vie, des scripts JavaScript toujours plus performants, des astuces en CSS et une s\u00e9lection de quelques lectures enrichissantes, voil\u00e0 ce qui vous attend dans cette s\u00e9lection des ressources du Web. Enjoy!<\/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":[63,50],"tags":[],"coauthors":[597],"class_list":["post-6453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualites-diverses","category-ressources-telechargements"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6453","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=6453"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6453\/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=6453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=6453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=6453"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=6453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}