{"id":4350,"date":"2014-12-04T10:31:56","date_gmt":"2014-12-04T09:31:56","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=4350"},"modified":"2014-12-04T10:31:56","modified_gmt":"2014-12-04T09:31:56","slug":"les-ressources-du-web-11","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-11","title":{"rendered":"Les ressources du Web #11"},"content":{"rendered":"<p>Voici la dose de ressources, astuces, sources d&rsquo;inspiration et articles de blog glan\u00e9s durant le mois pr\u00e9c\u00e9dent. Vous y trouverez comme d&rsquo;habitude pas mal de JS, mais \u00e9galement de l&rsquo;inspiration hors Web, des outils back-end et Mac OS X (pour une fois), ainsi que beaucoup de ressources graphiques.<!--more--><\/p>\n<h2>Inspiration<\/h2>\n<ul>\n<li><a href=\"http:\/\/tympanus.net\/Development\/HoverEffectIdeas\/\">Hover effect Ideas<\/a> &#8211; des effets de survol d&rsquo;image et l\u00e9gendes int\u00e9ressants<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/DragDropInteractions\/\">Drag and Drop Interactions<\/a> &#8211; inspiration d&rsquo;effets drag &amp; drop<\/li>\n<li><a href=\"http:\/\/www.theone3rd.com\/dracula-branding\">Dracula Branding<\/a> &#8211; inspiration et travail fictif sur la marque Dracula<\/li>\n<\/ul>\n<h2>Ressources et astuces<\/h2>\n<ul>\n<li><a href=\"http:\/\/alexk111.github.io\/SVG-Morpheus\/\">SVG Morpheus<\/a> &#8211; Transformez vos formes SVG avec des translations de formes<\/li>\n<li><a href=\"http:\/\/colintoh.com\/blog\/display-table-anti-hero\">Display Table Anti Hero<\/a> &#8211; des astuces CSS avec <code>display: table;<\/code> et ses petites s\u0153urs<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"http:\/\/unicode.johnholtripley.co.uk\/\">Unicode support<\/a> &#8211; un outil pour v\u00e9rifier le support des caract\u00e8res Unicode<\/li>\n<li><a href=\"https:\/\/import.io\/\">Import.io<\/a> &#8211; transformer un site web en donn\u00e9es<\/li>\n<li><a href=\"http:\/\/www.blocsapp.com\/\">Blocs App<\/a> &#8211; construisez votre site web sans toucher une ligne de code (Mac only)<\/li>\n<li><a href=\"https:\/\/thegrid.io\/\">TheGrid.io<\/a> &#8211; construisez votre site web sans toucher une ligne de code<\/li>\n<li><a href=\"http:\/\/dongerlist.com\/\">Donger List<\/a> &#8211; Donger List, emoticons compos\u00e9s<\/li>\n<li><a href=\"http:\/\/25.io\/mou\/\">25.io Mou<\/a> &#8211; \u00e9diteur markdown pour d\u00e9veloppeurs sur Mac OS X<\/li>\n<\/ul>\n<h2>JavaScript<\/h2>\n<ul>\n<li><a href=\"http:\/\/jex.im\/regulex\/#!embed=false&#038;flags=&#038;re=%28a|b\\d%2B%29*c\">Regulex &#8211; JavaScript regular Rxpression Visualizer<\/a> &#8211; visualiseur d&rsquo;expression r\u00e9guli\u00e8re<\/li>\n<li><a href=\"http:\/\/www.connoratherton.com\/walkway\">Walkway.js<\/a> &#8211; un script JS pour animer les lignes d&rsquo;une composition SVG<\/li>\n<li><a href=\"https:\/\/www.creativejuiz.fr\/blog\/veille-technologique\/animer-traces-svg-vivus-js\">Vivus.js<\/a> &#8211; un autre script JS pour animer les lignes d&rsquo;une composition en plusieurs trac\u00e9s SVG<\/li>\n<li><a href=\"http:\/\/facedetection.jaysalvat.com\/\">Face Detection<\/a> &#8211; un superbe plugin jQuery pour la d\u00e9tection de visage sur image et vid\u00e9o<\/li>\n<li><a href=\"http:\/\/zencode.in\/lining.js\">Lining.js<\/a> &#8211; maitrisez chaque ligne de texte de votre contenu<\/li>\n<li><a href=\"http:\/\/www.myresponsee.com\/\">My Responsee<\/a> &#8211; CSS Framework Responsive<\/li>\n<li><a href=\"http:\/\/troolee.github.io\/gridstack.js\/\">GridStack.js<\/a> &#8211; cr\u00e9er des grilles dynamiques responsive<\/li>\n<\/ul>\n<h2>Ressources graphiques<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.behance.net\/gallery\/20773653\/9-Business-Card-TABLET-FREE-MOCKUP-VOL-2-Download\">Business Card<\/a> &#8211; des cartes de visites et tablettes<\/li>\n<li><a href=\"http:\/\/www.gokhankara.net\/free\/deblue-social-network-application-design-free\/\">Deblue Social network<\/a> &#8211; web design pour la pr\u00e9sentation d&rsquo;un application<\/li>\n<li><a href=\"http:\/\/iosdesign.ivomynttinen.com\/\">iOS Design<\/a> &#8211; quelques rappels des r\u00e8gles de design<\/li>\n<li><a href=\"http:\/\/coolors.co\/\">Coolors<\/a> &#8211; un g\u00e9n\u00e9rateur de nuancier bien pratique<\/li>\n<li><a href=\"http:\/\/isometricmaps.com\/\">Isometric Maps<\/a> &#8211; des cartes isom\u00e9triques \u00e0 composer soi-m\u00eame<\/li>\n<li><a href=\"https:\/\/github.com\/alrra\/browser-logos\">Browser Logos<\/a> &#8211; une ressources avec plein de logos de navigateur de bonne qualit\u00e9<\/li>\n<li>7 R\u00e8gles pour cr\u00e9er de belles UI : <a href=\"https:\/\/medium.com\/@erikdkennedy\/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda\">Partie 1<\/a> et <a href=\"https:\/\/medium.com\/@erikdkennedy\/7-rules-for-creating-gorgeous-ui-part-2-430de537ba96\">Partie 2<\/a><\/li>\n<li><a href=\"http:\/\/www.kameleon.pics\/\">Kameleon<\/a> &#8211; ic\u00f4nes flats vectorielles color\u00e9es.<\/li>\n<\/ul>\n<p>Merci pour votre lecture et amusez-vous bien&nbsp;!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voici la dose de ressources, astuces, sources d&rsquo;inspiration et articles de blog glan\u00e9s durant le mois pr\u00e9c\u00e9dent. Vous y trouverez comme d&rsquo;habitude pas mal de JS, mais \u00e9galement de l&rsquo;inspiration hors Web, des outils back-end et Mac OS X (pour une fois), ainsi que beaucoup de ressources graphiques.<\/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,125,52,305,554],"coauthors":[597],"class_list":["post-4350","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-inspiration","tag-javascript","tag-jquery","tag-svg","tag-ui"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4350","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=4350"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4350\/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=4350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=4350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=4350"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=4350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}