{"id":5891,"date":"2016-07-08T12:35:59","date_gmt":"2016-07-08T10:35:59","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=5891"},"modified":"2016-07-08T12:38:37","modified_gmt":"2016-07-08T10:38:37","slug":"les-ressources-du-web-26","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-26","title":{"rendered":"Les Ressources du Web #26"},"content":{"rendered":"<p>Petite s\u00e9lection pour l&rsquo;\u00e9t\u00e9 avec, une fois n&rsquo;est pas coutume, pas mal de JavaScript, quelques \u00e9diteurs de sites statiques bas\u00e9s sur du Markdown ainsi qu&rsquo;un \u00e9diteur de .MD vraiment sympa. Autrement : ic\u00f4nes, animations CSS et SVG pour votre inspiration et motivation. \u00c0 vous de jouer et bonne lecture !<\/p>\n<p><!--more--><\/p>\n<h2>S&rsquo;il fallait n&rsquo;en retenir qu&rsquo;un\u2026<\/h2>\n<p>Cette fois \u00e7a serait un peu d&rsquo;humour et d&rsquo;utile en m\u00eame temps \u00e0 travers <strong>Couscous.io<\/strong>.<\/p>\n<p><a href=\"http:\/\/couscous.io\"><img decoding=\"async\" class=\"size-full wp-image-5930 aligncenter\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/06\/couscous-io.jpg\" alt=\"Couscous.io\" width=\"1439\" height=\"753\" \/><\/a><\/p>\n<p>Ce gestionnaire de contenu statique bas\u00e9 sur du Markdown propose un syst\u00e8me de <em>template<\/em> et une documentation que j&rsquo;ai trouv\u00e9 assez claire. Il manque clairement des <em>templates<\/em> de qualit\u00e9 dans ceux actuellement disponibles, mais vous avez d\u00e9j\u00e0 une bonne base existante de travail.<\/p>\n<h2>WordPress &amp; CMS<\/h2>\n<ul>\n<li><a href=\"https:\/\/elementor.com\/\">Elementor<\/a> \u2013 un constructeur de page visuel en glisser\/d\u00e9poser pour WordPress.<\/li>\n<li><a href=\"http:\/\/www.geekpress.fr\/extension-wordpress-poo\/\">Un plugin en POO<\/a> \u2013 un tutoriel pour comprendre la construction d&rsquo;un plugin WordPress en POO.<\/li>\n<li><a href=\"http:\/\/cloudcannon.com\/\">CloudCannon<\/a> \u2013 un CMS pour notre ami Jekyll.<\/li>\n<li><a href=\"http:\/\/couscous.io\/\">Couscous.io<\/a> \u2013 un CMS de site statique bas\u00e9 sur du Markdown.<\/li>\n<\/ul>\n<h2>Front-end (JavaScript, CSS)<\/h2>\n<ul>\n<li><a href=\"http:\/\/leaverou.github.io\/multirange\/\">Multi-range slider<\/a> \u2013 Un <em>slider<\/em> (un s\u00e9lecteur d&rsquo;intervalle) HTML5 multi-range,<\/li>\n<li><a href=\"http:\/\/blog.jquery.com\/2016\/06\/09\/jquery-3-0-final-released\/\">jQuery 3.0 Final Release<\/a> \u2013 les nouveaut\u00e9s de jQuery 3.0,<\/li>\n<li><a href=\"https:\/\/github.com\/zhiyul\/Switch\">iOS Switcher button<\/a> \u2013 une librairie JS pour cr\u00e9er des interrupteurs iOS-like.<\/li>\n<li><a href=\"http:\/\/anime-js.com\/\">Anime.js<\/a> \u2013 une librairie JS pour cr\u00e9er des animations sur vos pages web.<\/li>\n<li><a href=\"https:\/\/terwanerik.github.io\/ScrollTrigger\/\">ScrollTrigger<\/a> \u2013 une mini librairie JS pour animer des \u00e9l\u00e9ments au Scroll gr\u00e2ce \u00e0 CSS.<\/li>\n<li><a href=\"https:\/\/www.chenhuijing.com\/blog\/how-well-do-you-know-display\/\">How well do you know CSS display<\/a> \u2013 un tr\u00e8s bon r\u00e9cap de toutes les valeurs de <code>display<\/code>.<\/li>\n<li><a href=\"http:\/\/www.onextrapixel.com\/2016\/07\/03\/web-scrolling-made-easy-20-free-solutions\/\">20 scroll-hacking solutions<\/a> \u2013 une s\u00e9lection de 20 scripts pour prendre possession du scroll.<\/li>\n<\/ul>\n<h2>Inspiration<\/h2>\n<ul>\n<li><a href=\"https:\/\/codyhouse.co\/gem\/radial-svg-slider\/\">Radial SVG Slider<\/a> \u2013 une effet de transition sur un <em>slider<\/em> plut\u00f4t sympa.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Tutorials\/PageRevealEffects\/\">Multi Page effect<\/a> \u2013 un effet de multiple page en transition.<\/li>\n<li><a href=\"http:\/\/www.onextrapixel.com\/2016\/06\/25\/improve-call-to-action-with-these-20-code-snippets\/\">Des boutons<\/a> \u2013 plein de styles de boutons divers et vari\u00e9s pour votre inspiration.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/ItemRevealer\/index.html\">Item Reveal<\/a> \u2013 un effet d&rsquo;apparition\/disparition en SVG anim\u00e9 vraiment cool.<\/li>\n<\/ul>\n<h2>Ergonomie et astuces<\/h2>\n<ul>\n<li><a href=\"https:\/\/uxplanet.org\/infinite-scrolling-best-practices-c7f24c9af1d#.3ey9o2jvs\">Infinite scroll best practices<\/a> \u2013 des conseils sur les comportements attendus lors d&rsquo;un <em>infinite scroll<\/em>.<\/li>\n<li><a href=\"http:\/\/blog.cloudfour.com\/autofill-what-web-devs-should-know-but-dont\/\">A good use of Autofill features<\/a> \u2013 des conseils m\u00e9connus sur les auto-compl\u00e9tions d&rsquo;\u00e9l\u00e9ments de formulaire en HTML5.<\/li>\n<\/ul>\n<h2>Outils et ressources graphiques<\/h2>\n<ul>\n<li><a href=\"http:\/\/tympanus.net\/codrops\/2016\/06\/24\/freebie-yoga-icons\/\">Yoga Icons<\/a> \u2013 des ic\u00f4nes sur le sujet du Yoga.<\/li>\n<li><a href=\"https:\/\/datamaps.co\/\">Datamaps.co<\/a> \u2013 Cr\u00e9er des cartes de donn\u00e9es issues de fichiers CSV.<\/li>\n<li><a href=\"https:\/\/www.typora.io\/\">Typora<\/a> \u2013 un \u00e9diteur Markdown beau, propre et facile d&rsquo;utilisation.<\/li>\n<\/ul>\n<p>N&rsquo;h\u00e9sitez pas \u00e0 me faire transiter des ressources par mail si jamais vous en croisez des bonnes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Petite s\u00e9lection pour l&rsquo;\u00e9t\u00e9 avec, une fois n&rsquo;est pas coutume, pas mal de JavaScript, quelques \u00e9diteurs de sites statiques bas\u00e9s sur du Markdown ainsi qu&rsquo;un \u00e9diteur de .MD vraiment sympa. Autrement : ic\u00f4nes, animations CSS et SVG pour votre inspiration et motivation. \u00c0 vous de jouer et bonne lecture !<\/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":[14,93,125],"coauthors":[597],"class_list":["post-5891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-cms","tag-icones","tag-javascript"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5891","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=5891"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5891\/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=5891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=5891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=5891"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=5891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}