{"id":5824,"date":"2016-06-01T12:46:08","date_gmt":"2016-06-01T10:46:08","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=5824"},"modified":"2016-07-08T12:42:12","modified_gmt":"2016-07-08T10:42:12","slug":"les-ressources-du-web-25","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-25","title":{"rendered":"Les ressources du Web #25"},"content":{"rendered":"<p>Une fois n&rsquo;est pas coutume : cette s\u00e9lection est pleine de ressources JS, avec des liens vers des sites faisant un listing d&rsquo;autres ressources JS, de quoi vous en mettre plein la panse ! Mais \u00e9galement des fontes, des ic\u00f4nes, des plugins WordPress et des astuces en HTML et CSS.<\/p>\n<p><!--more--><\/p>\n<h2>S&rsquo;il fallait n&rsquo;en retenir qu&rsquo;une<\/h2>\n<p>Je dirais que <strong>Vanilla List<\/strong> est une excellente initiative. \u00c0 l&rsquo;\u00e8re o\u00f9 les biblioth\u00e8ques JS vous donnent souvent un sentiment de culpabilit\u00e9 lorsque vous les utilisez, cette liste apporte un vent d&rsquo;air frais que je ne peux qu&rsquo;encourager.<\/p>\n<p><a href=\"http:\/\/vanillalist.com\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-5889\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/06\/vanillalist.png\" alt=\"vanillalist\" width=\"1608\" height=\"788\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/06\/vanillalist.png 1608w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/06\/vanillalist-300x147.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/06\/vanillalist-768x376.png 768w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2016\/06\/vanillalist-600x294.png 600w\" sizes=\"(max-width: 1608px) 100vw, 1608px\" \/><\/a><\/p>\n<h2>JavaScript<\/h2>\n<ul>\n<li><a href=\"https:\/\/popper.js.org\/\">Popper.js<\/a> \u2013 un script d&rsquo;infobulle qui r\u00e9pond \u00e0 de vraies probl\u00e9matiques.<\/li>\n<li><a href=\"http:\/\/ireade.github.io\/inlinetweetjs\/\">InlineTweet<\/a> \u2013 pour cr\u00e9er facilement des liens <em>tweetable<\/em> dans votre contenu.<\/li>\n<li><a href=\"https:\/\/codyhouse.co\/gem\/360-degrees-product-viewer\/\">360 degrees product viewer<\/a> \u2013 un visualiseur de produit en 360\u00b0<\/li>\n<li><a href=\"http:\/\/devbridge.github.io\/Styleguide\/\">Styleguide<\/a> \u2013 un programme NodeJS pour cr\u00e9er un <em>style-guide<\/em> depuis des variables Sass<\/li>\n<li><a href=\"http:\/\/humaan.com\/modaal\/\">Modaal<\/a> \u2013 une fen\u00eatre modale passant le niveau AA des WCAG.<\/li>\n<li><a href=\"http:\/\/bitsofco.de\/iframe-responsive\/\">Making iFrame Responsive<\/a> \u2013 un article tr\u00e8s int\u00e9ressant sur une m\u00e9thode d&rsquo;iFrame responsive.<\/li>\n<li><a href=\"https:\/\/github.com\/Nickersoft\/push.js\">Push.js<\/a> \u2013 des notifications <em>push<\/em> gr\u00e2ce \u00e0 cette biblioth\u00e8que JS.<\/li>\n<li><a href=\"http:\/\/www.vanillalist.com\/\">Vanilla List<\/a> \u2013 une liste d&rsquo;extensions JS sans d\u00e9pendance.<\/li>\n<\/ul>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"http:\/\/una.im\/css-games\/#%F0%9F%92%81\">Pure Games With counter-increment<\/a> \u2013 un article tr\u00e8s int\u00e9ressant sur les compteurs en CSS. (<a href=\"https:\/\/www.creativejuiz.fr\/blog\/tutoriels\/les-compteurs-en-css\">autre article sur le blog \u00e0 ce sujet<\/a>)<\/li>\n<li><a href=\"http:\/\/kyusuf.com\/post\/almost-complete-guide-to-flexbox-without-flexbox\">Good CSS Flexbox fallbacks<\/a> \u2013 un article sur les <em>fallbacks<\/em> \u00e0 Flexbox.<\/li>\n<li><a href=\"https:\/\/www.cutestrap.com\/\">Cutestrap<\/a> \u2013 une biblioth\u00e8que CSS alternative \u00e0 Bootstrap.<\/li>\n<li><a href=\"https:\/\/picturepan2.github.io\/spectre\/\">Spectre.css<\/a> \u2013 une autre biblioth\u00e8que CSS \u00e0 tester \ud83d\ude09<\/li>\n<li><a href=\"http:\/\/progressivered.com\/fla\/?d=0&amp;v=1&amp;h=1&amp;s=0&amp;i=000&amp;a=000\">Flex Layout Attributes<\/a> \u2013 du CSS bas\u00e9 sur des attributs HTML pour des mises en page Flex<\/li>\n<\/ul>\n<h2>WordPress<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2016\/04\/three-approaches-to-adding-configurable-fields-to-your-plugin\/\">Three Approaches To add Custom Fields<\/a> \u2013 trois approches relev\u00e9es pour cr\u00e9er des champs personnalis\u00e9s dans votre extension.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/onesignal-free-web-push-notifications\/\">One Signal<\/a> \u2013 notification <em>push<\/em> native web pour votre site web sous WordPress.<\/li>\n<li><a title=\"SecuPress - Plugin de s\u00e9curit\u00e9 pour WordPress\" href=\"http:\/\/secupress.me\">SecuPress<\/a> \u2013 un nouveau challenger dans la <strong>s\u00e9curit\u00e9 WordPress<\/strong> arrive !<\/li>\n<\/ul>\n<h2>Ressources gratuites &amp; conseils<\/h2>\n<ul>\n<li><a href=\"http:\/\/graphicburger.com\/guide-free-html-template\/\">HTML Template<\/a> \u2013 un template HTML gratuit assez classique.<\/li>\n<li><a href=\"https:\/\/pixelbuddha.net\/freebie\/arkana-script-vintage-font\">Arkana Font<\/a> \u2013 une belle fonte vintage.<\/li>\n<li><a href=\"https:\/\/github.com\/joshbuchea\/HEAD\">HEAD<\/a> \u2013 des conseils sur le contenu de la balise <code>&lt;head&gt;<\/code> de vos pages web.<\/li>\n<li><a href=\"http:\/\/everydaytemplate.net\/fr\/item\/nature-free-icons\">Nature Icons<\/a> \u2013 quelques ic\u00f4nes sur la nature.<\/li>\n<li><a href=\"http:\/\/tympanus.net\/codrops\/2016\/05\/27\/freebie-creativity-learning-icon-set-psd-ai-svg-png\/\">Creativity &amp; Learning icons<\/a> \u2013 des ic\u00f4nes SVG bicolores vraiment sympa.<\/li>\n<\/ul>\n<p>Tr\u00e8s bonne lecture et amusez-vous bien !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une fois n&rsquo;est pas coutume : cette s\u00e9lection est pleine de ressources JS, avec des liens vers des sites faisant un listing d&rsquo;autres ressources JS, de quoi vous en mettre plein la panse ! Mais \u00e9galement des fontes, des ic\u00f4nes, des plugins WordPress et des astuces en HTML et CSS.<\/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":[604,515,125,743,81,577],"coauthors":[597],"class_list":["post-5824","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-flexbox","tag-framework","tag-javascript","tag-notification","tag-typographie","tag-vanilla"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5824","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=5824"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/5824\/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=5824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=5824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=5824"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=5824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}