{"id":5290,"date":"2015-09-06T11:49:48","date_gmt":"2015-09-06T09:49:48","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=5290"},"modified":"2015-09-06T11:49:48","modified_gmt":"2015-09-06T09:49:48","slug":"les-ressources-du-web-19","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-19","title":{"rendered":"Les ressources du Web #19"},"content":{"rendered":"<p>Il y a eu plein de nouveaut\u00e9s ces derniers temps. J&rsquo;ai notamment d\u00e9couvert quelques petits scripts JS tr\u00e8s int\u00e9ressants et qui promettent de belles choses une fois sur vos sites web. D\u00e9couvrez \u00e9galement quelques ressources graphiques avec pas mal de PSD et quelques ic\u00f4nes, ainsi que des liens d&rsquo;inspiration et des astuces WordPress.<\/p>\n<p><!--more--><\/p>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"http:\/\/hugeinc.github.io\/styleguide\/\">Styleguide<\/a> \u2013 cr\u00e9ez et maintenez facilement un guide de styles pour votre projet web.<\/li>\n<li><a href=\"http:\/\/khan.github.io\/tota11y\/\">Tota11y<\/a> \u2013 un script \u00e0 placer sur votre site web pour d\u00e9tecter les erreurs d&rsquo;accessibilit\u00e9.<\/li>\n<li><a href=\"http:\/\/colorhunt.co\/\">ColorHunt<\/a> \u2013 une biblioth\u00e8que de nuanciers.<\/li>\n<\/ul>\n<h2>JavaScript<\/h2>\n<ul>\n<li><a href=\"http:\/\/alves.im\/minigrid\/?utm_source=creativejuiz\">Minigrid<\/a> \u2013 un script de mise en page type masonry mais en beaucoup beaucoup plus l\u00e9ger et moderne.<\/li>\n<li><a href=\"https:\/\/github.com\/ftlabs\/ftscroller\">FTScroller<\/a> \u2013 cr\u00e9er des zones de scroll compatible au toucher et \u00e0 la souris (roulette et clic).<\/li>\n<li><a href=\"https:\/\/github.com\/mmkjony\/enllax.js\">Enllax<\/a> \u2013 un script parallaxe plut\u00f4t l\u00e9ger, m\u00eame s&rsquo;il aurait encore une certaine marge d&rsquo;am\u00e9lioration.<\/li>\n<li><a href=\"https:\/\/tapfiliate.com\/open-source\/tapatar\/\">Tapatar<\/a> \u2013 proposez \u00e0 vos visiteurs un outil pour s\u00e9lectionner leur avatar depuis Gravatar, Facebook, leur propres photos ou une source enti\u00e8rement personnalis\u00e9e.<\/li>\n<li><a href=\"http:\/\/jonahvsweb.github.io\/touchpoint-js\/\">Touchpoint.js<\/a> \u2013 voir visuellement les actions au touch\u00e9, c&rsquo;est possible avec ce script.<\/li>\n<li><a href=\"https:\/\/github.com\/gka\/canvid\">Canvid.js<\/a> \u2013 cr\u00e9er une vid\u00e9o \u00e0 partir d&rsquo;\u00e9l\u00e9ments JPG (sprites) et de canvas.<\/li>\n<li><a href=\"http:\/\/chocolat.insipi.de\/\">Chocolat<\/a> \u2013 un plugin jQuery de lightbox responsive.<\/li>\n<\/ul>\n<h2>Sources graphiques<\/h2>\n<ul>\n<li><a href=\"https:\/\/dribbble.com\/shots\/2134796-Hand-Gestures-Update\">Hand Gesture icons<\/a> \u2013 des ic\u00f4nes de gestes \u00ab\u00a0touch\u00a0\u00bb.<\/li>\n<li><a href=\"http:\/\/graphicsbay.com\/item\/birth-center-web-template\/723\">Birth Center<\/a> \u2013 un PSD d&rsquo;une page web.<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/27497363\/LogicPen-Portfolio-Template\">Logic Pen<\/a> \u2013 un PSD de page web de type portfolio.<\/li>\n<li><a href=\"https:\/\/dribbble.com\/shots\/2129693-Pex-Free-PSD-Template?utm_source=creativejuiz\">Pex<\/a> \u2013 un PSD d&rsquo;une page web assez classique.<\/li>\n<li><a href=\"https:\/\/dribbble.com\/shots\/2105483-Free-iOS9-Vector-GUI-Template-for-Illustrator?utm_source=creativejuiz\">iOS9 Vector GUI<\/a> \u2013 un fichier AI avec tout le n\u00e9cessaire graphique.<\/li>\n<li><a href=\"http:\/\/sebastianmatiz.com\/2015\/08\/04\/3d-isometric-worlds\/?utm_source=creativejuiz\">3D Isometric Garage<\/a> \u2013 des fichiers vectoriel pour composer l&rsquo;int\u00e9rieur de votre agence.<\/li>\n<\/ul>\n<h2>HTML\/CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/leafee-ui-kit.webflow.io\/?utm_source=creativejuiz\">Leafee UI Kit<\/a> \u2013 un kit UI int\u00e9gr\u00e9 plut\u00f4t sympa.<\/li>\n<li><a href=\"https:\/\/scotch.io\/tutorials\/build-a-real-time-polymer-to-do-app?utm_source=creativejuiz\">Real Time To-do App with Polymer<\/a> \u2013 un tutoriel complet pour construire une todo list en temps r\u00e9el collaborative avec Polymer.<\/li>\n<\/ul>\n<h2>Inspiration<\/h2>\n<ul>\n<li><a href=\"http:\/\/uimovement.com\/\">UI Movement<\/a> \u2013 inspiration d&rsquo;animation sur des \u00e9l\u00e9ments d&rsquo;interface.<\/li>\n<li><a href=\"http:\/\/www.onextrapixel.com\/2015\/08\/22\/20-beautiful-dark-ui-concepts-for-design-inspiration\/\">20 Beautiful Dark UI <\/a>\u2013 inspiration graphique sur des interfaces fonc\u00e9es.<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.smashingmagazine.com\/2015\/08\/deploy-wordpress-plugins-with-github-using-transients\/\">D\u00e9ployer un plugin WordPress depuis Github<\/a> \u2013 cr\u00e9ation d&rsquo;une classe \u00ab\u00a0Upadter\u00a0\u00bb pour int\u00e9grer son plugin dans WordPress depuis un repo Github.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/support\/topic\/notice-wp_widget-is-deprecated-since-version-430#post-7325082\">Widget sur WordPress 4.3<\/a> \u2013 comment r\u00e9soudre le message d&rsquo;erreur sur l&rsquo;ancien mode de d\u00e9claration des widgets.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/themes\/twentysixteen\/\">Twentysixteen Theme<\/a> \u2013 le th\u00e8me 2016 disponible sur WordPress.org<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Il y a eu plein de nouveaut\u00e9s ces derniers temps. J&rsquo;ai notamment d\u00e9couvert quelques petits scripts JS tr\u00e8s int\u00e9ressants et qui promettent de belles choses une fois sur vos sites web. D\u00e9couvrez \u00e9galement quelques ressources graphiques avec pas mal de PSD et quelques ic\u00f4nes, ainsi que des liens d&rsquo;inspiration et des astuces WordPress.<\/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":[125,427],"coauthors":[597],"class_list":["post-5290","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-javascript","tag-widget"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5290","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=5290"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5290\/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=5290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=5290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=5290"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=5290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}