{"id":4925,"date":"2015-06-09T08:45:53","date_gmt":"2015-06-09T06:45:53","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=4925"},"modified":"2015-06-09T12:13:51","modified_gmt":"2015-06-09T10:13:51","slug":"les-ressources-du-web-16","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-16","title":{"rendered":"Les ressources du Web #16"},"content":{"rendered":"<p>Pas mal de diversit\u00e9 dans cette \u00e9dition des ressources du Web, avec notamment un petit nouveau dans les sites trousses orient\u00e9 ressources Web,\u00a0 j&rsquo;ai nomm\u00e9 <a href=\"http:\/\/wwwhere.io\/\">Wwwhere<\/a>, que je vais vous laisser d\u00e9couvrir. Pour le reste, voici quelques autres ressources dont pas mal de JS, Animation, SVG et CSS, et \u00e9galement quelques fontes gratuites.<!--more--><\/p>\n<p>Bonne lecture !<\/p>\n<h2>JavaScript<\/h2>\n<p>Pas grand chose cette fois, mais Knwl a l&rsquo;air vraiment sympa.<\/p>\n<ul>\n<li><a href=\"http:\/\/alfredobarron.github.io\/smoke\/\">Smoke<\/a> \u2013 un plugin jQuery de validation de formulaire tr\u00e8s avanc\u00e9<\/li>\n<li><a href=\"http:\/\/loadfive.com\/os\/knwl\/\">Knwl.js<\/a> \u2013d\u00e9tectez et formattez des dates, des dur\u00e9es, des emplacements, des num\u00e9ros de t\u00e9l\u00e9phone, et bien plus encore.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/ColorExtraction\/\">Vibrant.js<\/a> \u2013 un exemple d&rsquo;utilisation du script Vibrant sur Codrops.<\/li>\n<\/ul>\n<h2>SVG &amp; Animation<\/h2>\n<p>Un peu d&rsquo;effet wahou pour la route.<\/p>\n<ul>\n<li><a href=\"http:\/\/tympanus.net\/Tutorials\/MotionBlurEffect\/index.html\">Motion blur effect<\/a> \u2013 des effets d&rsquo;animation avec flou de mouvement vraiment bien foutus.<\/li>\n<li><a href=\"http:\/\/www.rich-harris.co.uk\/ramjet\/\">Ramjet.js<\/a> \u2013 transforme un \u00e9l\u00e9ment en un autre par effet d&rsquo;animation.<\/li>\n<li><a href=\"http:\/\/codyhouse.co\/gem\/3d-folding-panel\/\">3D Folding Panel<\/a> \u2013 un effet de panneau pli\u00e9 bien foutu.<\/li>\n<\/ul>\n<h2>CSS<\/h2>\n<p>Un peu de d\u00e9mystification dans cette s\u00e9lection.<\/p>\n<ul>\n<li><a href=\"https:\/\/scotch.io\/tutorials\/a-visual-guide-to-css3-flexbox-properties\">Visual guide for Flexbox<\/a> \u2013 un guide visuel et un outil dynamique pour construire vos mod\u00e8les en flexbox.<\/li>\n<li><a href=\"http:\/\/blogs.adobe.com\/dreamweaver\/2015\/04\/an-introduction-to-graphical-effects-in-css.html\">Introduction to Graphical effects<\/a> \u2013 une pr\u00e9sentation d&rsquo;effets graphiques sur les images en CSS.<\/li>\n<li><a href=\"http:\/\/codepen.io\/jeremyfrank\/full\/yyzwoo\">Easy Textures with CSS Masks<\/a> \u2013 une d\u00e9mo de masque CSS appliqu\u00e9 \u00e0 divers \u00e9l\u00e9ments. (visible sur Chrome uniquement, pour le moment)<\/li>\n<li><a href=\"http:\/\/rebar.io\/\">Rebar Grid Framework<\/a> \u2013 un framework pour Sass et Stylus pour cr\u00e9er des grilles responsives.<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.seomix.fr\/ajax-wordpress\/\">Ajax pour un site WordPress<\/a> \u2013 un bon guide par notre ami Willy sur SEOMix.<\/li>\n<li><a href=\"http:\/\/wpformation.com\/bienvenue-dans-wordpress-4-2\/\">WordPress 4.2<\/a> \u2013 un article r\u00e9sumant les derni\u00e8res fonctionnalit\u00e9s de WP 4.2 (belle note en fin d&rsquo;article, \u00e0 lire !)<\/li>\n<\/ul>\n<h2>Design &amp; Ergonomie<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.sitepoint.com\/best-typography-ui\/\">Choosing the best Typography for your UI<\/a> \u2013 un guide pour choisir la typo d&rsquo;une interface.<\/li>\n<li><a href=\"http:\/\/www.tylerfinck.com\/didactic\/\">Didactic Font<\/a> \u2013 un fonte gratuite plut\u00f4t sympa (si vous aimez, pensez \u00e0 faire un petit don \u00e0 l&rsquo;auteur)<\/li>\n<li><a href=\"https:\/\/dribbble.com\/shots\/2042501-Potato-landing-page\/attachments\/363345\">Potato design<\/a> \u2013 un design de site web pour un produit aussi simple que la pomme de terre. Concept int\u00e9ressant, je vous laisse juges.<\/li>\n<li><a href=\"http:\/\/xtensio.com\/?project=persona-template\">User Persona Creator<\/a> \u2013 un g\u00e9n\u00e9rateur de persona pour vos travaux d&rsquo;ergonomie.<\/li>\n<li><a href=\"http:\/\/mono.company\/journal\/design-practice\/the-10-commandments-of-good-form-design-on-the-web\/\">10 Form design commandments<\/a> \u2013 quelques bons conseils pour vos designs de formulaire.<\/li>\n<li><a href=\"http:\/\/www.invisionapp.com\/do\">Do<\/a> \u2013 des fichiers PSD ou Sketch gratuits de vues d&rsquo;application<\/li>\n<\/ul>\n<h2>HTML<\/h2>\n<ul>\n<li><a href=\"http:\/\/plyr.io\/\">Plyr.io<\/a> \u2013 un player HTML5 plut\u00f4t sympa (avec prise en charge des <em>WebVTT captions<\/em>)<\/li>\n<li><a href=\"http:\/\/www.amp-what.com\/\">&amp;what;<\/a> \u2013 un outil de recherche d&rsquo;entit\u00e9 HTML<\/li>\n<\/ul>\n<h2>Typographie<\/h2>\n<p>Quelques fontes gratuites et de l&rsquo;inspiration.<\/p>\n<ul>\n<li><a href=\"http:\/\/blog.webflow.com\/how-to-pick-the-nicest-font-for-your-site\">Pick the nicest for your site<\/a> \u2013 quelques id\u00e9es pour faire moins d&rsquo;erreurs de choix typographique sur un couple de fonte<\/li>\n<li><a href=\"http:\/\/freegoodiesfordesigners.blogspot.se\/2015\/02\/hipster-free-font-bellaboo-by-marcelo.html\">Bellaboo Font<\/a> \u2013 une fonte \u00ab\u00a0hipster\u00a0\u00bb gratuite<\/li>\n<li><a href=\"http:\/\/www.bypeople.com\/elegant-stylish-free-font\/\">Gogoia Font<\/a> \u2013 une belle fonte structur\u00e9e gratuite<\/li>\n<li><a href=\"http:\/\/www.bypeople.com\/sharp-mechanical-typeface\/\">Metrica<\/a> \u2013 une belle fonte \u00ab\u00a0m\u00e9canique\u00a0\u00bb gratuite<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/26689603\/Order-Typeface-Free-Font\">Order Typeface<\/a> \u2013 allez&#8230; encore une \ud83d\ude42<\/li>\n<\/ul>\n<p>Bonne lecture !<\/p>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.google.com\/photos\/about\">Google Photos<\/a> \u2013 stockez et organisez vos photos sur votre compte Google Drive<\/li>\n<li><a href=\"https:\/\/www.google.com\/design\/icons\/\">Material Icons<\/a> \u2013 des ic\u00f4nes propos\u00e9es par Google dans le cadre du Material Design<\/li>\n<li><a href=\"https:\/\/github.com\/inFullMobile\/WobbleView\">WoobleView<\/a> \u2013 une petite biblioth\u00e8que pour animer vos vues sur mobile (application)<\/li>\n<li><a href=\"http:\/\/smallpdf.com\/\">SmallPDF<\/a> \u2013 une solution \u00e0 tous vos probl\u00e8mes de PDF<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Pas mal de diversit\u00e9 dans cette \u00e9dition des ressources du Web, avec notamment un petit nouveau dans les sites trousses orient\u00e9 ressources Web,\u00a0 j&rsquo;ai nomm\u00e9 Wwwhere, que je vais vous laisser d\u00e9couvrir. Pour le reste, voici quelques autres ressources dont pas mal de JS, Animation, SVG et CSS, et \u00e9galement quelques fontes gratuites.<\/p>\n","protected":false},"author":4,"featured_media":3679,"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":[120,604,24,643,305],"coauthors":[597],"class_list":["post-4925","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-animation","tag-flexbox","tag-google","tag-les-rdw","tag-svg"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4925","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=4925"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4925\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/3679"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=4925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=4925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=4925"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=4925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}