{"id":3639,"date":"2013-09-18T21:23:07","date_gmt":"2013-09-18T19:23:07","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=3639"},"modified":"2013-09-18T22:59:35","modified_gmt":"2013-09-18T20:59:35","slug":"les-ressources-du-web-1","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-1","title":{"rendered":"Les ressources du web #1"},"content":{"rendered":"<p>Je vois souvent plein de ressources int\u00e9ressantes passer sur mes flux d&rsquo;informations, mais j&rsquo;ai rarement le temps de toutes les tester. Il m&rsquo;arrive parfois d&rsquo;utiliser ce blog pour faire une revue d&rsquo;un outil en particulier, mais \u00e7a c&rsquo;est vraiment quand j&rsquo;ai le temps. Je vous propose donc une s\u00e9rie avec des liens qui ont attir\u00e9 mon attention.<!--more--><\/p>\n<p>Ces outils que vous trouverez ne sont pas forc\u00e9ment tous super utiles, parfois je vous proposerai des choses pour l&rsquo;humour, parfois plut\u00f4t pour inspiration. \u00c0 vous de piocher et de vous faire votre panoplie \ud83d\ude42<\/p>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.createcss3.com\/\">Create CSS3<\/a> &#8211; Cr\u00e9ez votre code CSS3 avec une interface simple<\/li>\n<li><a href=\"http:\/\/codepen.io\/CreativeJuiz\/pen\/oCBxz\">Toggle creative menu<\/a> &#8211; Un petit effet sympa sur vos boutons d&rsquo;ouverture\/fermeture de menu<\/li>\n<li><a href=\"http:\/\/codepen.io\/raphaelgoetter\/pen\/vjizJ\">Navigation button effect in CSS<\/a> &#8211; Un autre effet de fermeture\/ouverture inspir\u00e9 du pr\u00e9c\u00e9dent, par Rapha\u00ebl Goetter<\/li>\n<li><a href=\"http:\/\/codepen.io\/hteumeuleu\/pen\/EezcD\">Final Fantasy XIV Crystal scroll<\/a> &#8211; L&rsquo;effet du site FFXIV refait en CSS par HTeuMeuLeu<\/li>\n<\/ul>\n<h2>JS<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.benplum.com\/formstone\/\">FormStone jQuery plugins<\/a> &#8211; des petits plugins jQuery pour am\u00e9liorer vos interfaces<\/li>\n<li><a href=\"http:\/\/redotheweb.com\/2013\/05\/15\/client-side-full-text-search-in-css.html\">Client side Search in JS\/CSS<\/a> &#8211; une astuce pour effectuer une recherche rapide sur la page courante<\/li>\n<li><a href=\"http:\/\/leafo.net\/sticky-kit\/\">Sticky Kit<\/a> &#8211; un petit outil pour faire des \u00e9l\u00e9ments sticky facilement dans votre page<\/li>\n<li><a href=\"http:\/\/lab.ejci.net\/favico.js\/\">Favico.js<\/a> &#8211; Cr\u00e9ez un favicon anim\u00e9 (forme de notification, etc.)<\/li>\n<li><a href=\"http:\/\/sharrre.com\/\">Sharrre<\/a> &#8211; Outil de partage sur les r\u00e9seaux sociaux (connexion asynchrone aux diff\u00e9rentes API)<\/li>\n<li><a href=\"http:\/\/labs.bigroomstudios.com\/libraries\/animo-js\">Animo.js<\/a> &#8211; Un petit outil puissant pour g\u00e9rer vos animations CSS<\/li>\n<li lang=\"en\"><a href=\"https:\/\/medium.com\/building-potluck\/2e405d50b600\">Framer.js<\/a> &#8211; Prototyping Swipe and Drag gesture<\/li>\n<\/ul>\n<h2>Typographie<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.mozilla.org\/en-US\/styleguide\/products\/firefox-os\/typeface\/\" lang=\"en\">Fira &#8211; Firefox OS TypeFace<\/a> &#8211; la fonte de Firefox OS<\/li>\n<li><a href=\"http:\/\/www.typ.io\/latest\">Typ.io<\/a> &#8211; Des exemples de combinaisons de fontes sur des cr\u00e9ations graphiques<\/li>\n<li><a href=\"http:\/\/pedroarilla.com\/en\/valentina\">Valentina<\/a> &#8211; Une magnifique typographie libre de droit (dons autoris\u00e9s ;p)<\/li>\n<li><a href=\"http:\/\/typenight.co\/\">TypeNight<\/a> &#8211; Un travail de recherche typographique pour inspiration<\/li>\n<\/ul>\n<h2>\u00c9l\u00e9ments et outils graphiques<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.freevectormaps.com\/\" lang=\"en\">Free Vector Maps<\/a> &#8211; Des cartes vectorielles du monde entier libres de droits<\/li>\n<li><a href=\"http:\/\/blog.iconfinder.com\/50-icon-sets-with-stroked-icons\/\" lang=\"en\">Icon Finder Strocked icons<\/a> &#8211; Des ic\u00f4nes en trac\u00e9s simples<\/li>\n<li><a href=\"http:\/\/vinci.io\/\">Vinci.io<\/a> &#8211; Outil de cr\u00e9ation graphique (payant)<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.chipbennett.net\/2013\/09\/14\/home-page-and-front-page-and-templates-oh-my\/\">Homepage, frontpage and index templates<\/a> &#8211; la diff\u00e9rence entre ces diff\u00e9rents templates<\/li>\n<li><a href=\"http:\/\/www.webforgr.org\/2013\/quel-fichier-template-afficher-page-daccueil-wordpress\/\">Quel fichier template pour la page d&rsquo;accueil WordPress ?<\/a> &#8211; un compl\u00e9ment \u00e0 l&rsquo;article pr\u00e9c\u00e9dent en Fran\u00e7ais cette fois. (merci ewen !)\n<\/ul>\n<h2>Divers, id\u00e9es<\/h2>\n<ul>\n<li><a href=\"http:\/\/customelements.io\/\">Custom elements<\/a> &#8211; un formulaire de recherche pour des \u00e9l\u00e9ments d&rsquo;application<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/SidebarTransitions\/\">Sidebar Transition<\/a> &#8211; D\u00e9monstration d&rsquo;effet anim\u00e9 pour l&rsquo;apparition d&rsquo;une sidebar off-canvas<\/li>\n<li><a href=\"http:\/\/robindavey.co.uk\/\">Robin Davey<\/a> &#8211; Inspiration pour illustration et animation.<\/li>\n<\/ul>\n<p>Je n&rsquo;ai pas pr\u00e9vu de poster r\u00e9guli\u00e8rement ce type de liste, ce sera en fonction des semaines et de ma lecture des r\u00e9seaux (th\u00e9oriquement inversement proportionnelle \u00e0 mon d&rsquo;occupation sur des projets plus prenants :p)<\/p>\n<p>La plupart de ces ressources et liens je les partage sur Twitter quand je les vois passer, n&rsquo;h\u00e9sitez pas \u00e0 me rendre visite \ud83d\ude09<br \/>\n<a href=\"http:\/\/twitter.com\/geoffreycrofte\">@geoffrey_crofte<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Je vois souvent plein de ressources int\u00e9ressantes passer sur mes flux d&rsquo;informations, mais j&rsquo;ai rarement le temps de toutes les tester. Il m&rsquo;arrive parfois d&rsquo;utiliser ce blog pour faire une revue d&rsquo;un outil en particulier, mais \u00e7a c&rsquo;est vraiment quand j&rsquo;ai le temps. Je vous propose donc une s\u00e9rie avec des liens qui ont attir\u00e9 [&hellip;]<\/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":[482,563,81],"coauthors":[],"class_list":["post-3639","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-inspiration","tag-ressources-web","tag-typographie"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3639","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=3639"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/3639\/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=3639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=3639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=3639"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=3639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}