{"id":4271,"date":"2014-10-27T09:33:45","date_gmt":"2014-10-27T08:33:45","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=4271"},"modified":"2014-10-29T15:25:25","modified_gmt":"2014-10-29T14:25:25","slug":"les-ressources-du-web-10","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-10","title":{"rendered":"Les ressources du Web #10"},"content":{"rendered":"<p>Encore pas mal de JS pour cette s\u00e9lection, mais retrouvez \u00e9galement de quoi simplifier la cr\u00e9ation d&rsquo;e-mailing, cr\u00e9er un blog poids plume (avec du markdown), des ic\u00f4nes et PSD, des fontes et quelques outils pour WordPress. Bonne lecture&nbsp;!<!--more--><\/p>\n<h2>JS<\/h2>\n<ul>\n<li><a href=\"http:\/\/andreaferretti.github.io\/paths-js-demo\/\">Paths JS<\/a> &#8211; g\u00e9n\u00e9rez des formes g\u00e9om\u00e9triques en SVG<\/li>\n<li><a href=\"http:\/\/svgcircus.com\/\">SVG Circus<\/a> &#8211; un outil pour les animations SVG<\/li>\n<li><a href=\"http:\/\/jxnblk.github.io\/fitter-happier-text\/\">Fitter Happier Text<\/a> &#8211; des titres au corps de texte fluide<\/li>\n<li><a href=\"http:\/\/aerolab.github.io\/midnight.js\/\">Midnight.js<\/a> &#8211; changer le style de vos titres fix\u00e9s \u00e0 la vol\u00e9e en fonction des fonds de votre site<\/li>\n<li><a href=\"http:\/\/tristanedwards.me\/sweetalert\">Sweet Alert<\/a> &#8211; une alternative plut\u00f4t sympa de l&rsquo;<code>alert()<\/code> classique en JS<\/li>\n<li><a href=\"http:\/\/developer.telerik.com\/featured\/scroll-event-change-ios-8-big-deal\/\">iOS 8 Scroll Event<\/a> &#8211; changement dans la gestion du <em>Scroll Event<\/em> sur iOS 8<\/li>\n<li><a href=\"http:\/\/yahoo.github.io\/gifshot\/\">GifShot<\/a> &#8211; une biblioth\u00e8que JS pour cr\u00e9er des Gifs \u00e0 partir de m\u00e9dias<\/li>\n<li><a href=\"http:\/\/www.imgix.com\/imgix-js\">Imgix.js<\/a> &#8211; une biblioth\u00e8que JS pour des images responsive (quelques fonctions sympa, mais perd les images si JS est d\u00e9sactiv\u00e9); payant<\/li>\n<li><a href=\"http:\/\/alvarotrigo.com\/multiScroll\/\">MultiScroll.js<\/a> &#8211; divisez en deux votre page, attention quand m\u00eame au niveau ergo<\/li>\n<li><a href=\"http:\/\/www.webdesigncrowd.com\/demo\/scrolling-progress-bar-6.23.14\/\">ProgressBar Scrolling<\/a> &#8211; des barres de progression selon votre niveau de scroll dans un contenu<\/li>\n<li><a href=\"http:\/\/mknecht.github.io\/gridscrolling.js\/#init-gs\">Grid Scrolling<\/a> &#8211; je ne sais pas comment \u00e7a peut servir, mais si jamais \ud83d\ude09<\/li>\n<li><a href=\"http:\/\/www.dominikgorecki.com\/p\/block-scroll\/\">Block Scroll<\/a> &#8211; scrollez de bloc en bloc, ne vous retrouvez jamais entre deux blocs<\/li>\n<li><a href=\"http:\/\/lirancohen.github.io\/stickUp\/\">StickUp<\/a> &#8211; un scroll spy tr\u00e8s l\u00e9ger<\/li>\n<li><a href=\"http:\/\/www.pixxelfactory.net\/jInvertScroll\/\">jInvertScroll<\/a> &#8211; inversez le scroll (vertical vers horizontal)<\/li>\n<li><a href=\"http:\/\/blog.zol.fr\/jquery-fadethis\/\">jQuery FadeThis<\/a> &#8211; faites appara\u00eetre des \u00e9l\u00e9ments durant le scroll avec diff\u00e9rentes animations.<\/li>\n<\/ul>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/webdesign.tutsplus.com\/tutorials\/creating-a-collection-of-css3-animated-pre-loaders--cms-21978\">CSS3 animated Loaders<\/a> &#8211; quelques animations CSS3 pour cr\u00e9er des <em lang=\"en\">loaders<\/em><\/li>\n<li><a href=\"http:\/\/jonibologna.com\/flexbox-cheatsheet\/\">Flexbox Cheatsheet<\/a> &#8211; comprendre flexbox en un sch\u00e9ma<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"http:\/\/elrumordelaluz.github.io\/draGGradients\/\">DraGGradients<\/a> &#8211; g\u00e9n\u00e9rer des fonds en d\u00e9grad\u00e9s de couleurs en drag&amp;drop<\/li>\n<li><a href=\"http:\/\/getwebplate.com\/\">Webplate<\/a> &#8211; another web framework<\/li>\n<li><a href=\"https:\/\/getfinal.com\/\">Final<\/a> &#8211; une nouvelle mani\u00e8re de penser la carte bancaire<\/li>\n<li><a href=\"http:\/\/typeform.com\/\">TypeForm<\/a> &#8211; construisez facilement de beaux formulaires<\/li>\n<li><a href=\"http:\/\/palettab.com\/\">Palettab<\/a> &#8211; plugin Chrome qui vous propose un nouvel onglet fourni d&rsquo;un beau nuancier de couleurs al\u00e9atoire<\/li>\n<\/ul>\n<h2>Design<\/h2>\n<ul>\n<li><a href=\"http:\/\/tympanus.net\/codrops\/2014\/10\/10\/freebie-helium-icon-set\/\">Helium Icon set<\/a> &#8211; un pack d&rsquo;ic\u00f4nes outline gratuit<\/li>\n<li><a href=\"http:\/\/www.smashingmagazine.com\/2014\/10\/10\/freebie-50-icons-of-autumn\/\">Icons of Autumn<\/a> &#8211; un pack d&rsquo;ic\u00f4nes automnales<\/li>\n<li><a href=\"http:\/\/watch.janlosert.com\/\">Apple Watch Apps concept<\/a> &#8211; des concepts de design d&rsquo;app pour l&rsquo;Apple Watch<\/li>\n<li><a href=\"https:\/\/github.com\/google\/material-design-icons\/releases\/tag\/1.0.0\">Google Material Design Icons<\/a> &#8211; quelques ic\u00f4nes de chez Google<\/li>\n<\/ul>\n<h2>Fontes<\/h2>\n<ul>\n<li><a href=\"http:\/\/bdadam.com\/blog\/loading-webfonts-with-high-performance.html\">Performance VS Webfonts<\/a> &#8211; quelques id\u00e9es pour charger les webfonts de mani\u00e8re performante<\/li>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/19484739\/Big-John-Slim-Joe-FREE-Font\">Big John Slim Joe<\/a> &#8211; une fonte sans-serif (bold et slim) gratuite<\/li>\n<\/ul>\n<h2>E-mailing<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.campaignmonitor.com\/email-templates\/\">Campaign Monitor Template Builder<\/a> &#8211; construisez vos e-mailings en 5 minutes<\/li>\n<li><a href=\"http:\/\/beefree.io\">BeeFree.io<\/a> &#8211; construisez facilement de beaux e-mails responsive<\/li>\n<\/ul>\n<h2>Blogging<\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/hjue\/JustWriting\">JustWriting<\/a> &#8211; CMS bas\u00e9 sur le principe du Markdown, sans base de donn\u00e9es<\/li>\n<li><a href=\"http:\/\/anchorcms.com\">Anchor CMS<\/a> &#8211; un CMS super l\u00e9ger pour du blogging<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"http:\/\/remyperona.fr\/nouveautes-customizer-wordpress-4\/\">WordPress Customizer 4.0<\/a> &#8211; un article fran\u00e7ais sur les nouveaut\u00e9s de l&rsquo;outil de personnalisation des th\u00e8mes<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/juiz-outdated-post-message\/\">Juiz Outdated Post Message<\/a> &#8211; un plugin pour avertir ses lecteurs que la page ou l&rsquo;article peut dater un peu<\/li>\n<li><a href=\"http:\/\/unyson.themefuse.com\">Unyson<\/a> &#8211; une aide au d\u00e9marrage de th\u00e8me personnalisable par ThemeFuse<\/li>\n<\/ul>\n<p>Amusez-vous bien et n&rsquo;h\u00e9sitez pas \u00e0 me faire vos retours d&rsquo;exp\u00e9rience&nbsp;!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Encore pas mal de JS pour cette s\u00e9lection, mais retrouvez \u00e9galement de quoi simplifier la cr\u00e9ation d&rsquo;e-mailing, cr\u00e9er un blog poids plume (avec du markdown), des ic\u00f4nes et PSD, des fontes et quelques outils pour WordPress. Bonne lecture&nbsp;!<\/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":[],"coauthors":[597],"class_list":["post-4271","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\/4271","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=4271"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4271\/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=4271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=4271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=4271"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=4271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}