{"id":5611,"date":"2016-03-17T18:33:58","date_gmt":"2016-03-17T17:33:58","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=5611"},"modified":"2016-07-08T12:42:39","modified_gmt":"2016-07-08T10:42:39","slug":"les-ressources-du-web-23","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-23","title":{"rendered":"Les Ressources du Web #23"},"content":{"rendered":"<p>Nouvelle s\u00e9lection pour cette presque fin de semaine. J&rsquo;ai \u00e9cart\u00e9 dans cette s\u00e9lection certains outils \u00ab\u00a0en vogue\u00a0\u00bb comme balloon.css qui pour moi n&rsquo;apportent aucune nouveaut\u00e9 et affichent m\u00eame bien trop de probl\u00e8mes d&rsquo;accessibilit\u00e9. Petit ajout de la section \u00ab\u00a0<strong>s&rsquo;il fallait n&rsquo;en retenir qu&rsquo;un<\/strong>\u00a0\u00bb inspir\u00e9 du <a href=\"https:\/\/blog.stephaniewalter.fr\/la-semaine-en-pixels-11-mars-2016\/\">blog de St\u00e9phanie<\/a>.<\/p>\n<p><!--more--><\/p>\n<h2>S&rsquo;il fallait n&rsquo;en retenir qu&rsquo;un<\/h2>\n<p><a href=\"http:\/\/animatemate.com\/\"><img decoding=\"async\" class=\"aligncenter wp-image-5748 size-full\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/AnimateMate.jpg\" alt=\"AnimateMate\" width=\"1900\" height=\"1250\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/AnimateMate.jpg 1900w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/AnimateMate-300x197.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/AnimateMate-768x505.jpg 768w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/AnimateMate-600x395.jpg 600w\" sizes=\"(max-width: 1900px) 100vw, 1900px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/animatemate.com\/\">AnimateMate<\/a> apporte une fonctionnalit\u00e9 attendue sur Sketch, celle de l&rsquo;animation.<\/p>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/bulma.io\/\">Bulma<\/a> \u2013 une biblioth\u00e8que CSS bas\u00e9e sur Flexbox<\/li>\n<li><a href=\"http:\/\/www.cssfilters.co\/\">CSS Filters<\/a> \u2013 une interface pour g\u00e9n\u00e9rer un traitement image en CSS<\/li>\n<li><a href=\"https:\/\/jakearchibald.com\/2016\/link-in-body\/\">Link In body ?<\/a> \u2013 un article int\u00e9ressant sur le futur du chargement JS.<\/li>\n<li><a href=\"https:\/\/css-tricks.com\/introducing-css-scroll-snap-points\/\">CSS Scroll Snap Points<\/a> \u2013 un article descriptif des fonctionnalit\u00e9s de Scroll Snap.<\/li>\n<li><a href=\"http:\/\/dbushell.com\/2016\/03\/04\/css-only-responsive-tables\/\">Responsive Table<\/a> \u2013 une solution en CSS uniquement.<\/li>\n<\/ul>\n<h2>JS<\/h2>\n<ul>\n<li><a href=\"http:\/\/featurejs.com\/\">Features.js<\/a> \u2013 une biblioth\u00e8que ultra l\u00e9g\u00e8re sans d\u00e9pendance pour d\u00e9tecter les fonctionnalit\u00e9s du navigateur.<\/li>\n<li><a href=\"http:\/\/www.aakashweb.com\/demos\/jquery-collapser\">jQuery Collapser<\/a> \u2013 un plugin jQuery pour tronquer des paragraphes de texte \u00e9l\u00e9gamment.<\/li>\n<li><a href=\"https:\/\/github.com\/jakiestfu\/himawari.js\">Himawari<\/a> \u2013 t\u00e9l\u00e9chargez une image de la terre en temps r\u00e9el depuis le satellite Himawari-8.<\/li>\n<li><a href=\"https:\/\/github.com\/VPenkov\/okayNav\">OkayNav<\/a> \u2013 une id\u00e9e de navigation responsive qui planque progressivement des items dans un sous-menu.<\/li>\n<li><a href=\"http:\/\/dev.edenspiekermann.com\/2016\/02\/11\/introducing-accessible-modal-dialog\/\">Accessible Modal Dialog<\/a> \u2013 un script de modal accessible avec mini API.<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"https:\/\/tickera.com\/\">Tickera<\/a> \u2013 un plugin WordPress pour faire de la vente de tickets (\u00e9v\u00e8nements)<\/li>\n<li><a href=\"http:\/\/blog.wp-rocket.me\/fr\/wp-rocket-2-7-hoth\/\">WP Rocket 2.7<\/a> \u2013 une nouvelle mise \u00e0 jour majeure de l&rsquo;excellent WP Rocket.<\/li>\n<\/ul>\n<h2>Design &amp; UI Kit<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.invisionapp.com\/chat\">Chat UI Kit<\/a> \u2013 un UI Kit de messagerie offert par InVision.<\/li>\n<li><a href=\"http:\/\/animatemate.com\/\">AnimateMate<\/a> \u2013 un plugin d&rsquo;animation pour Sketch.<\/li>\n<li><a href=\"http:\/\/open-foundry.com\/hot30\">OpenFoundry<\/a> \u2013 des fontes libres de droits.<\/li>\n<li><a href=\"http:\/\/graphicsdrawer.com\/line-arrow-icons\">Line Arrow Icons<\/a> \u2013 des ic\u00f4nes de fl\u00e8ches\u2026 si si :p<\/li>\n<\/ul>\n<h2>Outils &amp; Techniques<\/h2>\n<ul>\n<li><a href=\"https:\/\/mobirise.com\/\">Mobirise<\/a> \u2013 cr\u00e9ez votre site web compatible mobile gratuitement et sans coder.<\/li>\n<li><a href=\"https:\/\/www.lightcms.com\/\">LightCMS<\/a> \u2013 un CMS l\u00e9ger et plein de surprises.<\/li>\n<li><a href=\"http:\/\/grapesjs.com\/\">GrapesJS<\/a> \u2013 un outil Open Source fait en JS pour cr\u00e9er des sites web sans coder.<\/li>\n<li><a href=\"https:\/\/medium.freecodecamp.com\/the-fab-four-technique-to-create-responsive-emails-without-media-queries-baf11fdfa848\">The Fab Four Technique to create responsive email without media queries<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/art-marketing\/the-miracle-of-morning-pages-4666b892e237#.320rw1ytc\">Morning Pages<\/a> \u2013 une m\u00e9thode de d\u00e9veloppement personnel tr\u00e8s int\u00e9ressante. (merci \u00e0 <a href=\"https:\/\/twitter.com\/jb_ma\">@jb_ma<\/a> pour la ressource)<\/li>\n<li><a href=\"http:\/\/instantlogosearch.com\/\">Instant Logo Search<\/a> \u2013 un outil pour rechercher des logos en SVG\/PNG super rapidement.<\/li>\n<\/ul>\n<p>Amusez-vous bien !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nouvelle s\u00e9lection pour cette presque fin de semaine. J&rsquo;ai \u00e9cart\u00e9 dans cette s\u00e9lection certains outils \u00ab\u00a0en vogue\u00a0\u00bb comme balloon.css qui pour moi n&rsquo;apportent aucune nouveaut\u00e9 et affichent m\u00eame bien trop de probl\u00e8mes d&rsquo;accessibilit\u00e9. Petit ajout de la section \u00ab\u00a0s&rsquo;il fallait n&rsquo;en retenir qu&rsquo;un\u00a0\u00bb inspir\u00e9 du blog de St\u00e9phanie.<\/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":[604,202,91,683,684],"coauthors":[597],"class_list":["post-5611","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-flexbox","tag-grille","tag-logo","tag-sketch","tag-wordpress"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5611","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=5611"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5611\/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=5611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=5611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=5611"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=5611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}