{"id":6203,"date":"2017-06-19T21:23:40","date_gmt":"2017-06-19T19:23:40","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=6203"},"modified":"2017-06-19T21:23:40","modified_gmt":"2017-06-19T19:23:40","slug":"les-ressources-du-web-32","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-32","title":{"rendered":"Les Ressources du Web #32"},"content":{"rendered":"<p>C&rsquo;est dingue ! Le temps passe vite et les liens d\u00e9filent. Je n&rsquo;ai pas eu le temps d&rsquo;\u00e9crire plus t\u00f4t cette s\u00e9lection dont le d\u00e9but date d&rsquo;il y a quelques semaines maintenant. Du CSS \u00e0 gogo avec pas mal de Grid Layout, des articles d&rsquo;ergonomie, design, UX et d&rsquo;inspiration, du WordPress et des ressources.<\/p>\n<p><!--more--><\/p>\n<h2>S&rsquo;il fallait n&rsquo;en retenir qu&rsquo;un<\/h2>\n<p>Le portfolio de <a href=\"http:\/\/rickwaalders.com\/\">Rick Waalders<\/a> est vraiment cool. Je vous invite \u00e0 y aller faire un tour.<\/p>\n<p><a href=\"http:\/\/rickwaalders.com\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6323\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/06\/rick-waalders-portfolio.jpg\" alt=\"\" width=\"1400\" height=\"776\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/06\/rick-waalders-portfolio.jpg 1400w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/06\/rick-waalders-portfolio-300x166.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/06\/rick-waalders-portfolio-768x426.jpg 768w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/06\/rick-waalders-portfolio-600x333.jpg 600w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" \/><\/a><\/p>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/freefrontend.com\/css-timelines\/\">46 CSS Timelines<\/a> \u2013 Une s\u00e9lection de 46 Timelines en CSS.<\/li>\n<li><a href=\"https:\/\/alligator.io\/css\/cropping-images-object-fit\/\">Cropping images in CSS<\/a> \u2013 Utilisation de object-fit pour apprendre \u00e0 tailler des images en CSS.<\/li>\n<li><a href=\"https:\/\/hacks.mozilla.org\/2017\/06\/css-shapes-clipping-and-masking\/\">CSS Shapes<\/a> \u2013 Introduction par MDN du clipping et masking en CSS.<\/li>\n<li><a href=\"https:\/\/rachelandrew.co.uk\/archives\/2017\/06\/01\/breaking-out-with-css-grid-explained\/\">Breaking out with CSS Grid Explained<\/a> \u2013 une technique CSS Grid plut\u00f4t pratique.<\/li>\n<li><a href=\"https:\/\/bitsofco.de\/how-the-minmax-function-works\/\">Minmax() function in CSS<\/a> \u2013 un fonction introduite par CSS Grid Layout.<\/li>\n<li><a href=\"https:\/\/www.sitepoint.com\/check-css-animation-performance-with-the-browsers-dev-tools\/\">Check CSS animation performance with the dev tool<\/a> \u2013 d\u00e9boguez comme un chef vos animations.<\/li>\n<\/ul>\n<h2>Ergonomie \/ UX<\/h2>\n<ul>\n<li><a href=\"https:\/\/blog.prototypr.io\/are-float-labels-really-that-problematic-after-all-da7ffe7d5417\">Are float labels really problematic?<\/a> \u2013 Un article regroupant des arguments contre (ou pour ?) les labels flottants.<\/li>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/most-hated-advertising-techniques\/\">Most hated advertising techniques<\/a> \u2013 Un article classant les m\u00e9thodes de publicit\u00e9 suivant leur capacit\u00e9 \u00e0 agacer. (entre autres crit\u00e8res)<\/li>\n<li><a href=\"https:\/\/jtbd.info\/the-illusion-of-measuring-what-customers-want-3672a7892eb\">The illustion of measuring what customers want<\/a> \u2013 Un article int\u00e9ressant sur ce que vous mesurez sur votre site (pouvez, devriez, ne devriez pas).<\/li>\n<\/ul>\n<h2>Design \/ Inspiration<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.landingfolio.com\/\">LandingFolio<\/a> \u2013 des exemples de <em>landing page<\/em> triables par th\u00e9matique.<\/li>\n<li><a href=\"http:\/\/rickwaalders.com\/\">Rick Waalders<\/a> \u2013 un portfolio que je trouve vraiment sympa.<\/li>\n<li><a href=\"https:\/\/typechem.herokuapp.com\/vidaloka-400-f58580-overpass-400-343434-fffff2\">Typechem<\/a> \u2013 une s\u00e9lection de paires de fontes et couleurs.<\/li>\n<li><a href=\"https:\/\/www.sitepoint.com\/creative-ui-design-ideas-you-can-use-in-your-next-website\/\">Inspirational UI Design Ideas<\/a> \u2013 quelques id\u00e9es pour vos prochains design.<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"https:\/\/wabeo.fr\/ameliorer-sticky-posts\/\">Am\u00e9liorer les sticky posts<\/a> \u2013 appr\u00e9hendez les <em>sticky posts<\/em> efficacement.<\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2017\/06\/building-production-ready-css-grid-layout\/#comment-1297216\">CSS Grid in WordPress<\/a> \u2013 un article riche sur <em>Grid Layout<\/em> utilisable en production avec WordPress.<\/li>\n<li><a href=\"https:\/\/www.sitepoint.com\/ways-to-keep-your-wordpress-site-secure\/\">40 ways to keep your WordPress Secure<\/a> \u2013 de bons rappels pour s\u00e9curiser votre site sous WordPress.<\/li>\n<li><a href=\"https:\/\/torquemag.io\/2017\/05\/compelling-reasons-you-should-switch-to-php-7\/\">Why switch to PHP7 for WordPress?<\/a> \u2013 des arguments pour passer \u00e0 PHP7 pour WordPress.<\/li>\n<\/ul>\n<h2>Outils\/Ressources<\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/veltman\/flubber\">Flubber<\/a> \u2013 un script pour faciliter et rendre fluide les animations\/transitions entre des formes en SVG.<\/li>\n<li><a href=\"https:\/\/www.screamingfrog.co.uk\/\">Screaming Frog<\/a> \u2013 un <em>spider tool<\/em> conseill\u00e9 par <a href=\"https:\/\/www.myriamjessier.com\/\">Myriam Jessier<\/a>.<\/li>\n<\/ul>\n<p>Oui je sais, tr\u00e8s peu de JavaScript dans cette s\u00e9lection, \u00e7a sera pour la prochaine fois certainement \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C&rsquo;est dingue ! Le temps passe vite et les liens d\u00e9filent. Je n&rsquo;ai pas eu le temps d&rsquo;\u00e9crire plus t\u00f4t cette s\u00e9lection dont le d\u00e9but date d&rsquo;il y a quelques semaines maintenant. Du CSS \u00e0 gogo avec pas mal de Grid Layout, des articles d&rsquo;ergonomie, design, UX et d&rsquo;inspiration, du WordPress et des ressources.<\/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-6203","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\/6203","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=6203"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6203\/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=6203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=6203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=6203"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=6203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}