{"id":5747,"date":"2016-04-03T13:00:37","date_gmt":"2016-04-03T11:00:37","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=5747"},"modified":"2016-07-08T12:42:24","modified_gmt":"2016-07-08T10:42:24","slug":"les-ressources-du-web-24","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/actualites-diverses\/les-ressources-du-web-24","title":{"rendered":"Les Ressources du Web #24"},"content":{"rendered":"<p>Une s\u00e9lection avec pas mal de ressources et articles sur les sujets : CSS, animations, Flexbox, des outils vraiment super pratiques, des plugins WordPress \u00e0 venir et existants qui vous simplifient la vie, de beaux PSD et des fontes et ic\u00f4nes vraiment sympa. Je vous laisse d\u00e9couvrir tout cela.<\/p>\n<p><!--more--><\/p>\n<h2>S&rsquo;il fallait n&rsquo;en retenir qu&rsquo;un<\/h2>\n<p><a href=\"https:\/\/mjml.io\/\"><img decoding=\"async\" class=\"aligncenter wp-image-5752 size-full\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/mjml.png\" alt=\"mjml\" width=\"2872\" height=\"1542\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/mjml.png 2872w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/mjml-300x161.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/mjml-768x412.png 768w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/03\/mjml-600x322.png 600w\" sizes=\"(max-width: 2872px) 100vw, 2872px\" \/><\/a><\/p>\n<p>Ce serait ce <a href=\"https:\/\/mjml.io\/\">super Framework<\/a> vous permettant de cr\u00e9er facilement des newsletters sur mesure. Le balisage est un peu perturbant au d\u00e9but, mais on s&rsquo;y fait vite :p<\/p>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/codepen.io\/noeldelgado\/full\/pGwFx\">3D Direction-aware hover effect<\/a> \u2013 un effet de cube d\u00e9pendant de l&rsquo;arriv\u00e9e de votre souris dans la zone \u00e0 survoler.<\/li>\n<li><a href=\"http:\/\/bitsofco.de\/holy-grail-layout-css-grid\/\">Holy Grail Layout with CSS Grid<\/a> \u2013 petite introduction \u00e0 CSS Grid \u00e0 travers la <em>Holy Grail Layout<\/em>.<\/li>\n<li><a href=\"https:\/\/github.com\/sachiv\/feather-flex\">Feather Flex<\/a> \u2013 une grille l\u00e9g\u00e8re en Flexbox.<\/li>\n<li><a href=\"http:\/\/szynszyliszys.github.io\/repaintless\/\">Repaintless.css<\/a> \u2013 une librairie d&rsquo;animation en CSS bas\u00e9e sur la technique \u00a0\u00bb FLIP\u00a0\u00bb pour \u00e9viter le repaint du navigateur.<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/version-4-5-project-schedule\/\">WordPress 4.5<\/a> \u2013 avez-vous mis \u00e0 jour vos plugins\/th\u00e8mes ? Le \u00ab\u00a0projet\u00a0\u00bb de WordPress 4.5.<\/li>\n<li><a href=\"https:\/\/onesignal.com\/\">OneSignal<\/a> \u2013 envoyez des notifications push \u00e0 vos abonn\u00e9s \u00e0 chaque nouvel article ou sur commande. (en test sur ce blog)<\/li>\n<li><a href=\"https:\/\/apps.wordpress.com\/desktop\/\">WordPress Apps<\/a> \u2013 g\u00e9rez votre blog depuis l&rsquo;application de bureau. (Window, Mac et Linux)<\/li>\n<li><a href=\"http:\/\/media.fb.com\/2016\/03\/07\/instant-articles-wordpress-plugin\/\">Instant Article<\/a> \u2013 d&rsquo;ici le 14 avril prochain, vos articles WordPress pourront \u00eatre publi\u00e9s en tant qu&rsquo;Instant Article Facebook gr\u00e2ce au plugin d\u00e9di\u00e9.<\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2016\/03\/advanced-wordpress-search-with-wp_query\/\">Build Advanced Search<\/a> \u2013 une recherche avanc\u00e9e avec WordPress et <code>WP_Query<\/code>.<\/li>\n<\/ul>\n<h2>JavaScript<\/h2>\n<ul>\n<li><a href=\"http:\/\/mohayonao.github.io\/timbre.js\/\">Timbre.js<\/a> \u2013 une librairie JS pour cr\u00e9er du son&#8230; \u00e0 vous de jouer !<\/li>\n<li><a href=\"http:\/\/fengyuanchen.github.io\/viewerjs\/\">Viewer.js<\/a> \u2013 un bon script de galerie photo qui propose pas mal d&rsquo;options (zoom, rotation, diaporama plein \u00e9cran, etc.)<\/li>\n<li><a href=\"https:\/\/github.com\/marioloncarek\/megamenu-js\">Megamenu.js<\/a> \u2013 une proposition de solution en JS pour les megamenus responsive.<\/li>\n<li><a href=\"http:\/\/codepen.io\/suez\/full\/wMOVXz\">Wave Scroll<\/a> \u2013 une d\u00e9monstration d&rsquo;un scroll d\u00e9coup\u00e9 original.<\/li>\n<li><a href=\"https:\/\/medium.com\/@PatrykZabielski\/how-to-make-multi-layered-parallax-illustration-with-css-javascript-2b56883c3f27#.qzf2o24xh\">How to make a parallax illustration<\/a> \u2013 une d\u00e9mo d&rsquo;une illustration en parallaxe.<\/li>\n<li><a href=\"https:\/\/spiritjs.io\/\">Spirit.js<\/a> \u2013 animer des \u00e9l\u00e9ments gr\u00e2ce \u00e0 une <em>timeline<\/em> et r\u00e9cup\u00e9rer l&rsquo;animation en JS et JSON.<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"https:\/\/mjml.io\/\">MJML<\/a> \u2013 un excellent framework pour cr\u00e9er de la newsletter responsive.<\/li>\n<li><a href=\"https:\/\/maphub.net\/\">MapHub<\/a> \u2013 cr\u00e9ez des Maps interactives (parcours, guide, etc.) et int\u00e9grez-les dans vos sites.<\/li>\n<li><a href=\"http:\/\/heymoji.cool\/\">Heymoji<\/a> \u2013 ajoutez des r\u00e9actions emoji \u00e0 vos pages.<\/li>\n<\/ul>\n<h2>Inspiration &amp; Ressources<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.onextrapixel.com\/2016\/03\/12\/best-interactive-websites-of-2016\/\">Best Interactive Websites<\/a> \u2013 une liste des meilleurs sites web interactifs de 2016<\/li>\n<li><a href=\"http:\/\/www.sketchappsources.com\/free-source\/1809-landing-page-template-sketch-freebie-resource.html\">Sketch Landing Page<\/a> \u2013 un template sketch pour cr\u00e9er une landing page avec un \u00ab\u00a0style iOS\u00a0\u00bb.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/codrops\/2016\/03\/18\/freebie-astronomy-space-icons\/\">Astronomy Icons<\/a> \u2013 des ic\u00f4nes sur le sujet de l&rsquo;astronomie.<\/li>\n<li><a href=\"http:\/\/designerfuel.tumblr.com\/post\/141385060889\/dripicons-v2-free-iconset-available-formats\">Dripicons<\/a> \u2013 des ic\u00f4nes \u00ab\u00a0ligne\u00a0\u00bb simples.<\/li>\n<li><a href=\"http:\/\/escafina.losttype.com\/\">Escafina Font<\/a> \u2013 une tr\u00e8s belle typo de titrage.<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/34760019\/Peace-Sans-FREE-FONT\">Peace Sans<\/a> \u2013 une fonte originale \u00e0 d\u00e9couvrir.<\/li>\n<li><a href=\"http:\/\/blazrobar.com\/tutorials-and-articles\/10-free-psd-website-templates-to-get-any-design-project-started\/\">10 PSD gratuits<\/a> \u2013 des PSD gratuits pour d\u00e9marrer rapidement des projets, ou pour les demandes de <a href=\"https:\/\/www.creativejuiz.fr\/blog\/actualites-diverses\/appels-offres-concours-maquettes-gratuites-et-travail-non-remunere\">maquettes gratuites<\/a> ;p<\/li>\n<\/ul>\n<p>Bon ressourcement !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une s\u00e9lection avec pas mal de ressources et articles sur les sujets : CSS, animations, Flexbox, des outils vraiment super pratiques, des plugins WordPress \u00e0 venir et existants qui vous simplifient la vie, de beaux PSD et des fontes et ic\u00f4nes vraiment sympa. Je vous laisse d\u00e9couvrir tout cela.<\/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],"tags":[],"coauthors":[597],"class_list":["post-5747","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualites-diverses"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5747","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=5747"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5747\/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=5747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=5747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=5747"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=5747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}