{"id":5948,"date":"2016-08-13T14:35:13","date_gmt":"2016-08-13T12:35:13","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=5948"},"modified":"2016-08-13T15:08:12","modified_gmt":"2016-08-13T13:08:12","slug":"les-ressources-du-web-27","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-27","title":{"rendered":"Les Ressources du Web #27"},"content":{"rendered":"<p>Une grosse dose d&rsquo;inspirations accumul\u00e9es ces derni\u00e8res semaines pour couvrir plein de points diff\u00e9rents vous sera servie dans cet article. Du JavaScript (speech API, animations, outils d&rsquo;upload, etc.) et des outils bien pratiques pour les ind\u00e9pendants (facturation, template, etc.) sont \u00e9galement pr\u00e9sents dans ce nouveau listing.<!--more--><\/p>\n<h2>S&rsquo;il fallait n&rsquo;en retenir qu&rsquo;un<\/h2>\n<p>J&rsquo;ai flash\u00e9 sur <a href=\"http:\/\/nicelydone.club\/?utm_source=creativejuiz\">Nicely Done<\/a> qui est lui m\u00eame bien fichu graphiquement et dont le contenu est vraiment bien s\u00e9lectionn\u00e9. Je vous laisse d\u00e9couvrir.<\/p>\n<figure id=\"attachment_5978\" aria-labelledby=\"figcaption_attachment_5978\" class=\"wp-caption aligncenter\" style=\"width: 1253px\"><a href=\"http:\/\/nicelydone.club\/?utm_source=creativejuiz\"><img decoding=\"async\" class=\"size-full wp-image-5978\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/07\/nicely-done.jpg\" alt=\"Accueil de Nicely Done\" width=\"1243\" height=\"666\" \/><\/a><figcaption id=\"figcaption_attachment_5978\" class=\"wp-caption-text\">Accueil de Nicely Done<\/figcaption><\/figure>\n<h2>Inspiration et design<\/h2>\n<ul>\n<li><a href=\"https:\/\/medium.freecodecamp.com\/stop-the-overuse-of-overflow-menus-5caa4b54e843\">Stop the overuse of overflow menus<\/a>\u00a0\u2013 un article sur la sur-utilisation des menus cach\u00e9s.<\/li>\n<li><a href=\"http:\/\/www.onextrapixel.com\/2016\/07\/26\/free-ui-kits-to-use-for-creating-projects-faster\/?utm_source=creativejuiz\">Free UI Kits<\/a> \u2013 quelques kits graphiques gratuits.<\/li>\n<li><a href=\"https:\/\/www.invisionapp.com\/relate?utm_source=creativejuiz\">The Relate UI Kit<\/a> \u2013 un tr\u00e8s beau kit propos\u00e9 par Invision.<\/li>\n<li><a href=\"http:\/\/www.ourownthing.co.uk\/fontpairing\/?utm_source=creativejuiz\">Font Pairing<\/a> \u2013 trouvez le bon couple de\u00a0fontes Titre et corps pour vos compositions.<\/li>\n<li><a href=\"http:\/\/nicelydone.club\/?utm_source=creativejuiz\">Nicely Done<\/a> \u2013 une ressource de sites web bien foutus.<\/li>\n<li><a href=\"https:\/\/html5up.net\/forty?utm_source=creativejuiz\">Forty<\/a> \u2013 un template HTML\/CSS pour ind\u00e9pendant.<\/li>\n<li><a href=\"http:\/\/productpages.xyz\/?utm_source=creativejuiz\">Product pages<\/a> \u2013 des id\u00e9es de mise en page pour pr\u00e9senter un produit sur le web.<\/li>\n<li><a href=\"http:\/\/pricingpages.xyz\/?utm_source=creativejuiz\">Pricing pages<\/a> \u2013 m\u00eame principe mais avec des pages de prix cette fois.<\/li>\n<li><a href=\"https:\/\/interfacelovers.com\/interview-with-benjamin-de-cock-stripe-734946cadb13?utm_source=creativejuiz\">Interview: Benjamin De Cock @ Stripe<\/a> \u2013 une interview tr\u00e8s int\u00e9ressante.<\/li>\n<li><a href=\"http:\/\/codepen.io\/idiotWu\/full\/AXgbWy\/\">BAAE Landing Animation<\/a> \u2013 animation tr\u00e8s fun, m\u00eame si difficile \u00e0 imaginer dans un contexte de production.<\/li>\n<\/ul>\n<h2>JavaSript<\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/Ramotion\/aquarelle&amp;#x200b;\">Aquarelle<\/a> &#8211; un effet aquarelle en JS.<\/li>\n<li><a href=\"https:\/\/alex-d.github.io\/Trumbowyg\/\">Trumbowyg<\/a> \u2013 un \u00e9diteur WYSIWYG l\u00e9ger et extensible Open Source (plugin jQuery).<\/li>\n<li><a href=\"https:\/\/charlgottschalk.github.io\/approvejs\/\">Approve.js<\/a> \u2013 un contr\u00f4leur \u00ab\u00a0non intrusif\u00a0\u00bb de valeurs dans les champs de formulaire.<\/li>\n<li><a href=\"http:\/\/is.js.org\/?utm_source=creativejuiz\">is.js<\/a> \u2013 une biblioth\u00e8que de micro-contr\u00f4le des valeurs de champs de formulaire.<\/li>\n<li><a href=\"http:\/\/barbajs.org\/demos.html?utm_source=creativejuiz\">Barba.js<\/a> \u2013 une biblioth\u00e8que d&rsquo;animation pour cr\u00e9er des transitions entre les pages.<\/li>\n<li><a href=\"http:\/\/uppy.io\/examples\/modal\/?utm_source=creativejuiz\">Uppy<\/a> \u2013 une biblioth\u00e8que d&rsquo;import d&rsquo;image depuis votre disque, Drive, Webcam, Instagram, etc. gr\u00e2ce \u00e0 une API riche.<\/li>\n<li><a href=\"http:\/\/michalsnik.github.io\/aos\/?utm_source=creativejuiz\">AOS<\/a> \u2013 Animate On Scroll, un biblioth\u00e8que plut\u00f4t bien foutue pour de l&rsquo;animation au d\u00e9filement de la page.<\/li>\n<li><a href=\"http:\/\/atifaz.am\/blog\/vocalizer-help-others-pronounce-your-name-correctly.html?utm_source=creativejuiz\">Vocalizer<\/a> \u2013 une id\u00e9e d&rsquo;utilisation de Vocalizer dans un cadre social, je vous laisse lire.<\/li>\n<li><a href=\"https:\/\/camwiegert.github.io\/baffle\/?utm_source=creativejuiz\">Baffle.js<\/a> \u2013 une micro biblioth\u00e8que pour cacher\/d\u00e9couvrir du texte dans votre page.<\/li>\n<li><a href=\"https:\/\/sachinchoolur.github.io\/lightgallery.js\/\">LightGallery.js<\/a> \u2013 une biblioth\u00e8que sans d\u00e9pendance pour cr\u00e9er des galeries\/diaporama de photos, vid\u00e9os compatible multi-plateforme.<\/li>\n<li><a href=\"https:\/\/www.promptworks.com\/blog\/speech-recoginition-in-the-browser?utm_source=creativejuiz\">Speech Recognition<\/a> \u2013 la reconnaissance vocale en quelques lignes de JS.<\/li>\n<\/ul>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"https:\/\/css-tricks.com\/full-width-containers-limited-width-parents\/?utm_source=creativejuiz\">Full Width image in limited width container<\/a> \u2013 une technique pour avoir une image pleine largeur dans un conteneur limit\u00e9 en largeur.<\/li>\n<li><a href=\"https:\/\/www.filamentgroup.com\/lab\/introducing-snapper.html?utm_source=creativejuiz\">Snapper<\/a> \u2013 un carrousel utilisant Snap Points en CSS.<\/li>\n<li><a href=\"http:\/\/codepen.io\/MadeByMike\/pen\/ZOrEmr\">CSS Only Scroll indicator<\/a> \u2013 une excellente id\u00e9e de mise en place d&rsquo;un indicateur de progression dans la page uniquement en CSS.<\/li>\n<li><a href=\"https:\/\/medium.com\/@adactio\/sticky-headers-fe9537519c83\">D\u00e9caler une ancre en CSS<\/a> \u2013 une technique de Siou pour d\u00e9caler l&rsquo;ancre dans une page.<\/li>\n<li><a href=\"https:\/\/bitsofco.de\/the-background-properties\/?utm_source=creativejuiz\">Background Properties<\/a> \u2013 un excellent article de synth\u00e8se de cette propri\u00e9t\u00e9.<\/li>\n<\/ul>\n<h2>Outils &amp; id\u00e9es<\/h2>\n<ul>\n<li><a href=\"http:\/\/billdogg.com\/?utm_source=creativejuiz\">Bill Dogg<\/a> \u2013 un outil de facturation parfait pour les freelances.<\/li>\n<li><a href=\"http:\/\/howmuchtomake.com\/?utm_source=creativejuiz\">How Much To Make<\/a> \u2013 un outil d&rsquo;estimation \u00e0 la louche pour cr\u00e9er site web, application ou logo.<\/li>\n<li><a href=\"https:\/\/remotebase.io\/?utm_source=creativejuiz\">RemoteBase<\/a> \u2013 une base de donn\u00e9es par crit\u00e8res des soci\u00e9t\u00e9s embauchant sur le principe du travail \u00e0 distance.<\/li>\n<li><a href=\"http:\/\/www.onextrapixel.com\/2016\/07\/30\/how-to-find-new-content-ideas-for-your-blog-and-drive-traffic\/?utm_source=creativejuiz\">Find Blog Post Topics<\/a> \u2013 un article regroupant des outils et astuces pour am\u00e9liorer les sujets abord\u00e9s sur vos blogs.<\/li>\n<li><a href=\"http:\/\/www.jasonclient.org\/?utm_source=creativejuiz\">Jason client<\/a> \u2013 transformez n&rsquo;importe quelles donn\u00e9es JSON en application.<\/li>\n<li><a href=\"https:\/\/sketchfocus.com\/?utm_source=creativejuiz\">Sketch Focus<\/a> \u2013 ajouter des notes et t\u00e2ches \u00e0 vos documents Sketch.<\/li>\n<\/ul>\n<p>Tr\u00e8s bonne lecture \u00e0 vous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une grosse dose d&rsquo;inspirations accumul\u00e9es ces derni\u00e8res semaines pour couvrir plein de points diff\u00e9rents vous sera servie dans cet article. Du JavaScript (speech API, animations, outils d&rsquo;upload, etc.) et des outils bien pratiques pour les ind\u00e9pendants (facturation, template, etc.) sont \u00e9galement pr\u00e9sents dans ce nouveau listing.<\/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":[482,125,236],"coauthors":[597],"class_list":["post-5948","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-inspiration","tag-javascript","tag-template"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5948","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=5948"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5948\/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=5948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=5948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=5948"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=5948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}