Help
RSS
API
Feed
Maltego
Contact
Domain > mail.barbuduweb.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2020-12-12
109.234.162.115
(
ClassC
)
2025-01-15
172.67.196.167
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyDate: Wed, 15 Jan 2025 22:56:37 GMTContent-Type: text/htmlContent-Length: 167Connection: keep-aliveCache-Control: max-age3600Expires: Wed, 15 Jan 2025 23:56:37 GMTLocation: https://mail.barbuduweb.com/Report-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?sWrHXY3Wykw5aaRhnluB55%2FyLPsFxMpJPflkVsqrD0ABleu%2FUFlIPmdgxRlvf0nbo9GDFIUD3yiWCpAwM19g5J72ukPjhS42F5sF274KpoV0alkSy3OY%2F2%2B4bb88GKMtH%2FZVLiCXM},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflareCF-RAY: 902975cbaf5376bc-SEAalt-svc: h3:443; ma86400server-timing: cfL4;desc?protoTCP&rtt9385&min_rtt9385&rtt_var4692&sent1&recv3&lost0&retrans0&sent_bytes0&recv_bytes58&delivery_rate0&cwnd247&unsent_bytes0&cid0000000000000000&ts0&x0 html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>cloudflare/center>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Wed, 15 Jan 2025 22:56:38 GMTContent-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-alivevary: Accept-Encodingx-content-type-options: nosniffCache-Control: max-age2592000expires: Fri, 14 Feb 2025 22:56:38 GMTx-frame-options: SAMEORIGINx-xss-protection: 1; modeblockx-dns-prefetch-control: onstrict-transport-security: max-age63072000; includeSubDomains; preloadcf-cache-status: DYNAMICReport-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?sKxlyC3Uh0RFqLKPRHiapBjUBF6EQabck0TYwCbdmpbpOHEYDcULcBzaW3JP8OUYvW6%2BUM22HZzI1qIjK6T%2FwCK8HWk1UaleOZZEVP9XvsXa%2Fh79T07p2TeuTR0Gb3KaeF79IeCWi},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflareCF-RAY: 902975cc1e45c505-SEAalt-svc: h3:443; ma86400server-timing: cfL4;desc?protoTCP&rtt9390&min_rtt9096&rtt_var2722&sent5&recv6&lost0&retrans0&sent_bytes2859&recv_bytes730&delivery_rate318381&cwnd244&unsent_bytes0&cide786e3b812508a42&ts1002&x0 !DOCTYPE html>html langfr-FR classno-js>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1, maximum-scale1> meta http-equivX-UA-Compatible contentIEedge> link relprofile hrefhttps://gmpg.org/xfn/11> link relpingback hrefhttps://www.barbuduweb.com/xmlrpc.php> !--if lt IE 9> script srchttps://www.barbuduweb.com/wp-content/themes/barbuduweb/js/html5.js>/script> !endif--> script>(function(){document.documentElement.classNamejs})();/script> meta namerobots contentindex, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1 /> style>img:is(sizesauto i, sizes^auto, i) { contain-intrinsic-size: 3000px 1500px }/style> script idcookieyes typetext/javascript srchttps://cdn-cookieyes.com/client_data/d8209da5c3552a81a3df9111/script.js>/script> !-- This site is optimized with the Yoast SEO plugin v24.2 - https://yoast.com/wordpress/plugins/seo/ --> title>barbu du web - Webdesign, UX, UI, CSS, JavaScript, ressources et inspiration/title> meta namedescription contentbarbu du web est un blog où je partage mes découvertes autour du webdesign, UX, UI, CSS, HTML, JavaScript, ressources pour développeurs front-end et actu sur les tendances du web. /> link relcanonical hrefhttps://www.barbuduweb.com/ /> link relnext hrefhttps://www.barbuduweb.com/page/2/ /> meta propertyog:locale contentfr_FR /> meta propertyog:type contentwebsite /> meta propertyog:title contentbarbu du web - Webdesign, UX, UI, CSS, JavaScript, ressources et inspiration /> meta propertyog:description contentJe partage sur ce blog mes découvertes autour du webdesign, UX, UI, CSS, HTML, JavaScript, ressources pour développeurs front-end et actu sur les tendances du web. /> meta propertyog:url contenthttps://www.barbuduweb.com/ /> meta propertyog:site_name contentbarbu du web /> meta propertyog:image contenthttps://www.barbuduweb.com/wp-content/uploads/2017/01/bdweb-og.png /> meta propertyog:image:width content1200 /> meta propertyog:image:height content627 /> meta propertyog:image:type contentimage/png /> meta nametwitter:card contentsummary_large_image /> meta nametwitter:site content@barbuduweb /> script typeapplication/ld+json classyoast-schema-graph>{@context:https://schema.org,@graph:{@type:CollectionPage,@id:https://www.barbuduweb.com/,url:https://www.barbuduweb.com/,name:barbu du web - Webdesign, UX, UI, CSS, JavaScript, ressources et inspiration,isPartOf:{@id:https://www.barbuduweb.com/#website},about:{@id:https://www.barbuduweb.com/#organization},description:barbu du web est un blog où je partage mes découvertes autour du webdesign, UX, UI, CSS, HTML, JavaScript, ressources pour développeurs front-end et actu sur les tendances du web.,breadcrumb:{@id:https://www.barbuduweb.com/#breadcrumb},inLanguage:fr-FR},{@type:BreadcrumbList,@id:https://www.barbuduweb.com/#breadcrumb,itemListElement:{@type:ListItem,position:1,name:Accueil}},{@type:WebSite,@id:https://www.barbuduweb.com/#website,url:https://www.barbuduweb.com/,name:barbu du web,description:Webdesign, UX, UI, CSS, JavaScript, ressources et inspiration,publisher:{@id:https://www.barbuduweb.com/#organization},potentialAction:{@type:SearchAction,target:{@type:EntryPoint,urlTemplate:https://www.barbuduweb.com/?s{search_term_string}},query-input:{@type:PropertyValueSpecification,valueRequired:true,valueName:search_term_string}},inLanguage:fr-FR},{@type:Organization,@id:https://www.barbuduweb.com/#organization,name:barbu du web,url:https://www.barbuduweb.com/,logo:{@type:ImageObject,inLanguage:fr-FR,@id:https://www.barbuduweb.com/#/schema/logo/image/,url:https://www.barbuduweb.com/wp-content/uploads/2016/02/bdweb.png,contentUrl:https://www.barbuduweb.com/wp-content/uploads/2016/02/bdweb.png,width:1200,height:627,caption:barbu du web},image:{@id:https://www.barbuduweb.com/#/schema/logo/image/},sameAs:https://www.facebook.com/barbuduweb/,https://x.com/barbuduweb}}/script> !-- / Yoast SEO plugin. -->link reldns-prefetch href//cpwebassets.codepen.io />link reldns-prefetch href//www.barbuduweb.com />link reldns-prefetch href//www.googletagmanager.com />link reldns-prefetch href//fonts.googleapis.com />link relalternate typeapplication/rss+xml titlebarbu du web » Flux hrefhttps://www.barbuduweb.com/feed/ />link relalternate typeapplication/rss+xml titlebarbu du web » Flux des commentaires hrefhttps://www.barbuduweb.com/comments/feed/ />script typetext/javascript idwpp-js srchttps://www.barbuduweb.com/wp-content/plugins/wordpress-popular-posts/assets/js/wpp.min.js?ver7.2.0 data-sampling0 data-sampling-rate100 data-api-urlhttps://www.barbuduweb.com/wp-json/wordpress-popular-posts data-post-id0 data-token226a7a1b80 data-lang0 data-debug0>/script>script typetext/javascript>/* !CDATA */window._wpemojiSettings {baseUrl:https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/,ext:.png,svgUrl:https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/,svgExt:.svg,source:{concatemoji:https:\/\/www.barbuduweb.com\/wp-includes\/js\/wp-emoji-release.min.js?ver6.7.1}};/*! This file is auto-generated */!function(i,n){var o,s,e;function c(e){try{var t{supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var tnew Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return ert})}function u(e,t,n){switch(t){caseflag:return n(e,\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f,\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f)?!1:!n(e,\ud83c\uddfa\ud83c\uddf3,\ud83c\uddfa\u200b\ud83c\uddf3)&&!n(e,\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f,\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f);caseemoji:return!n(e,\ud83d\udc26\u200d\u2b1b,\ud83d\udc26\u200b\u2b1b)}return!1}function f(e,t,n){var rundefined!typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement(canvas),ar.getContext(2d,{willReadFrequently:!0}),o(a.textBaselinetop,a.font600 32px Arial,{});return e.forEach(function(e){oet(a,e,n)}),o}function t(e){var ti.createElement(script);t.srce,t.defer!0,i.head.appendChild(t)}undefined!typeof Promise&&(owpEmojiSettingsSupports,sflag,emoji,n.supports{everything:!0,everythingExceptFlag:!0},enew Promise(function(e){i.addEventListener(DOMContentLoaded,e,{once:!0})}),new Promise(function(t){var nfunction(){try{var eJSON.parse(sessionStorage.getItem(o));if(objecttypeof e&&numbertypeof e.timestamp&&(new Date).valueOf()e.timestamp+604800&&objecttypeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if(undefined!typeof Worker&&undefined!typeof OffscreenCanvas&&undefined!typeof URL&&URL.createObjectURL&&undefined!typeof Blob)try{var epostMessage(+f.toString()+(+JSON.stringify(s),u.toString(),p.toString().join(,)+));,rnew Blob(e,{type:text/javascript}),anew Worker(URL.createObjectURL(r),{name:wpTestEmojiSupports});return void(a.onmessagefunction(e){c(ne.data),a.terminate(),t(n)})}catch(e){}c(nf(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supportstet,n.supports.everythingn.supports.everything&&n.supportst,flag!t&&(n.supports.everythingExceptFlagn.supports.everythingExceptFlag&&n.supportst);n.supports.everythingExceptFlagn.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady!1,n.readyCallbackfunction(){n.DOMReady!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(en.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);/* > *//script>style idwp-emoji-styles-inline-css typetext/css> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; }/style>link relstylesheet idwp-block-library-css hrefhttps://www.barbuduweb.com/wp-includes/css/dist/block-library/style.min.css?ver6.7.1 typetext/css mediaall />style idclassic-theme-styles-inline-css typetext/css>/*! This file is auto-generated */.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}/style>style idglobal-styles-inline-css typetext/css>:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}/style>link relstylesheet idwordpress-popular-posts-css-css hrefhttps://www.barbuduweb.com/wp-content/plugins/wordpress-popular-posts/assets/css/wpp.css?ver7.2.0 typetext/css mediaall />link relstylesheet idparent-style-css hrefhttps://www.barbuduweb.com/wp-content/themes/barbuduweb/style.css?ver6.7.1 typetext/css mediaall />link relstylesheet idasalah-lora-css hrefhttps://fonts.googleapis.com/css?familyLora%3A400%2C700&subsetlatin%2Clatin-ext&ver6.7.1 typetext/css mediaall />link relstylesheet idgenericons-css hrefhttps://www.barbuduweb.com/wp-content/themes/barbuduweb/genericons/genericons.css?ver3.2 typetext/css mediaall />link relstylesheet idbootstrap-css hrefhttps://www.barbuduweb.com/wp-content/themes/barbuduweb/framework/bootstrap/css/bootstrap.css?ver1 typetext/css mediaall />link relstylesheet idfontawesome-css hrefhttps://www.barbuduweb.com/wp-content/themes/barbuduweb/framework/font-awesome/css/font-awesome.min.css?ver1 typetext/css mediaall />link relstylesheet idasalah-plugins-css hrefhttps://www.barbuduweb.com/wp-content/themes/barbuduweb/pluginstyle.css?ver1 typetext/css mediaall />link relstylesheet idasalah-style-css hrefhttps://www.barbuduweb.com/wp-content/themes/barbuduweb-child/style.css?ver3.500 typetext/css mediaall />!--if lt IE 9>link relstylesheet idasalah-ie-css hrefhttps://www.barbuduweb.com/wp-content/themes/barbuduweb/css/ie.css?ver1 typetext/css mediaall />!endif-->link relstylesheet iddemo_fonts-css href//fonts.googleapis.com/css?familyPT+Sans%3Aregular%2Citalic%2C700|Lora%3Aregular%2Citalic%2C700%26subset%3Dlatin%2C typetext/css mediascreen />link relstylesheet idinstag-slider-css hrefhttps://www.barbuduweb.com/wp-content/themes/barbuduweb/inc/widgets/assets/css/instag-slider.css?ver1.4.2 typetext/css mediaall />script typetext/javascript srchttps://www.barbuduweb.com/wp-includes/js/jquery/jquery.min.js?ver3.7.1 idjquery-core-js>/script>script typetext/javascript srchttps://www.barbuduweb.com/wp-includes/js/jquery/jquery-migrate.min.js?ver3.4.1 idjquery-migrate-js>/script>script typetext/javascript srchttps://www.barbuduweb.com/wp-content/themes/barbuduweb/js/modernizr.js?ver1 idasalah-modernizr-js>/script>script typetext/javascript srchttps://www.barbuduweb.com/wp-content/themes/barbuduweb/inc/widgets/assets/js/jquery.flexslider-min.js?ver2.2 idjquery-pllexi-slider-js>/script>!-- Extrait de code de la balise Google (gtag.js) ajouté par Site Kit -->!-- Extrait Google Analytics ajouté par Site Kit -->script typetext/javascript srchttps://www.googletagmanager.com/gtag/js?idG-5PZR99KYD3 idgoogle_gtagjs-js async>/script>script typetext/javascript idgoogle_gtagjs-js-after>/* !CDATA */window.dataLayer window.dataLayer || ;function gtag(){dataLayer.push(arguments);}gtag(set,linker,{domains:www.barbuduweb.com});gtag(js, new Date());gtag(set, developer_id.dZTNiMT, true);gtag(config, G-5PZR99KYD3);/* > *//script>!-- Extrait de code de la balise Google de fin (gtag.js) ajouté par Site Kit -->meta namegenerator contentSite Kit by Google 1.144.0 /> style idwpp-loading-animation-styles>@-webkit-keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}@keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}.wpp-widget-block-placeholder,.wpp-shortcode-placeholder{margin:0 auto;width:60px;height:3px;background:#dd3737;background:linear-gradient(90deg,#dd3737 0%,#571313 10%,#dd3737 100%);background-size:200% auto;border-radius:3px;-webkit-animation:bgslide 1s infinite linear;animation:bgslide 1s infinite linear}/style> link relapple-touch-icon sizes180x180 href/apple-touch-icon.png>link relicon typeimage/png href/favicon-32x32.png sizes32x32>link relicon typeimage/png href/favicon-16x16.png sizes16x16>link relmanifest href/manifest.json>link relmask-icon href/safari-pinned-tab.svg color#5bbad5>meta namemsapplication-navbutton-color content#00a9ff>meta nametheme-color content#00a9ff>style typetext/css>@media screen and (min-width: 970px) {.container { width:970px; }}body {background-color:#f7f7f7;font-family:PT Sans,Helvetica Neue,sans-serif;font-size:16px;}.dropdown-menu { background-color: #f7f7f7;}.logo_dot {display: none;}.title_tagline_below { float: unset; display: table; margin: auto;}.logo_wrapper {text-align: center;max-width: 100%;width: 100%;}.site_logo, .site_logo a {display: inline-block;float: none!important;}.top_menu_wrapper, .header_search > form.search .search_text, .sticky_header .top_menu_wrapper, .mobile_menu_button {background-color:#f7f7f7;}.header_search, .sticky_header .header_info_wrapper { border-color:#f7f7f7;}h1,h2,h3,h4,h5,h6 {font-family:PT Sans,Helvetica Neue,sans-serif!important;}.main_content.col-md-12 .blog_single .blog_post_text, .main_content.col-md-9 .blog_single .blog_post_text {font-family:Lora,Helvetica Neue,sans-serif;font-size:18px;}.main_content.col-md-12 .blog_posts_list .blog_post_text, .blog_post_description, .blog_posts_wrapper.masonry_blog_style .blog_post_description, .main_content.col-md-12 .blog_posts_wrapper.list_blog_style.blog_posts_list .blog_post_text, .blog_posts_wrapper.list_blog_style .blog_post_description p {font-family:Lora,Helvetica Neue,sans-serif;}.skin_color, .skin_color_hover:hover, a, .user_info_button:hover, .header_social_icons a:hover, .blog_post_meta .blog_meta_item a:hover, .widget_container ul li a:hover, .asalah_post_gallery_nav_container ul.flex-direction-nav > li a:hover:before, .post_navigation_item:hover a.post_navigation_arrow, .comment_body p a:hover, .author_text .social_icons_list a:hover, .author_text .social_icons_list a:active {color: #00a4ff;}.skin_bg, .skin_bg_hover:hover, .blog_post_control_item a:hover, .widget_container.asalah-social-widget .widget_social_icon:hover, .tagcloud a:hover {background-color: #00a4ff;}.skin_border, .blog_post_control_item a, .navigation.pagination .nav-links .page-numbers:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation_links a:hover {border-color: #00a4ff;}.skin_border_left {border-left-color: #00a4ff;}.skin_border_right {border-right-color: #00a4ff;}.skin_border_top {border-top-color: #00a4ff;}progressvalue::-webkit-progress-value {background-color:#00a4ff;}progressvalue::-moz-progress-bar {background-color:#00a4ff;}.skin_border_bottom, .comment_body p a:hover {border-bottom-color: #00a4ff;}/style>style typetext/css>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}/style>!--Plugin WP Missed Schedule Active - Secured with Genuine Authenticity KeyTag-->!-- This site is patched against a big problem not solved since WordPress 2.5 --> style typetext/css idwp-custom-css> /*Vous pouvez ajouter du CSS personnalisé ici.Cliquez sur l’icône d’aide ci-dessous pour en savoir plus.*/ /style> /head>body classhome blog sticky_menu_enabled> !-- Load facebook SDK --> div idfb-root>/div> script> (function(d, s, id){ var js, fjs d.getElementsByTagName(s)0; if (d.getElementById(id)) {return;} js d.createElement(s); js.id id; js.src //connect.facebook.net/fr_FR/sdk.js#xfbml1&versionv2.11; fjs.parentNode.insertBefore(js, fjs); }(document, script, facebook-jssdk)); /script> !-- End Load facebook SDK --> !-- top menu area --> div classsticky_header> div classtop_menu_wrapper> div classcontainer> div classmobile_menu_button> span classmobile_menu_text>Menu/span> div classmobile-menu-hamburger> span>/span> span>/span> span>/span> /div> /div> div classtop_header_items_holder> div classmain_menu> div classmain_nav>ul idmenu-principal classnav navbar-nav>li idmenu-item-1007 classmenu-item menu-item-type-taxonomy menu-item-object-category menu-item-1007 default_menu>a hrefhttps://www.barbuduweb.com/category/css/>CSS/a>/li>li idmenu-item-1008 classmenu-item menu-item-type-taxonomy menu-item-object-category menu-item-1008 default_menu>a hrefhttps://www.barbuduweb.com/category/javascript/>JavaScript/a>/li>li idmenu-item-1240 classmenu-item menu-item-type-taxonomy menu-item-object-category menu-item-1240 default_menu>a hrefhttps://www.barbuduweb.com/category/ressources/>Ressources/a>/li>li idmenu-item-479 classmenu-item menu-item-type-taxonomy menu-item-object-category menu-item-479 default_menu>a hrefhttps://www.barbuduweb.com/category/outils/>Outils/a>/li>li idmenu-item-477 classmenu-item menu-item-type-taxonomy menu-item-object-category menu-item-477 default_menu>a hrefhttps://www.barbuduweb.com/category/webdesign/>Webdesign/a>/li>li idmenu-item-478 classmenu-item menu-item-type-taxonomy menu-item-object-category menu-item-478 default_menu>a hrefhttps://www.barbuduweb.com/category/artistes/>Artistes/a>/li>li idmenu-item-2255 classmenu-item menu-item-type-taxonomy menu-item-object-category menu-item-2255 default_menu>a hrefhttps://www.barbuduweb.com/category/dossiers/>Dossiers/a>/li>/ul>/div> /div> div classheader_icons pull-right text_right> !-- start header social icons --> div classsocial_icons_list header_social_icons pull-left>a relnofollow target_blank hrefhttps://www.facebook.com/barbuduweb/ titleFacebook classsocial_icon social_facebook social_icon_facebook>i classfa fa-facebook>/i>/a>a relnofollow target_blank hrefhttps://www.twitter.com/barbuduweb/ titleTwitter classsocial_icon social_twitter social_icon_twitter>i classfa fa-twitter>/i>/a>a relnofollow target_blank hrefhttps://www.instagram.com/barbuduweb/ titleInstagram classsocial_icon social_instagram social_icon_instagram>i classfa fa-instagram>/i>/a>a relnofollow target_blank hrefhttps://www.barbuduweb.com/feed/ titleRSS classsocial_icon social_rss social_icon_rss>i classfa fa-rss>/i>/a>/div> !-- end header social icons --> !-- start search box --> div classheader_search pull-right> form classsearch clearfix animated searchHelperFade methodget idsearchform actionhttps://www.barbuduweb.com/> input classcol-md-12 search_text idappendedInputButton placeholderRechercher... typetext names> input typehidden namepost_type valuepost /> i classfa fa-search>input typesubmit classsearch_submit idsearchsubmit value />/i>/form> /div> !-- end search box --> /div> /div> !-- end .top_header_items_holder --> /div> /div> !-- top menu area --> /div>div idpage classhfeed site> !-- start site main container --> div classsite_main_container> !-- header --> header classsite_header> !-- top menu area --> div classinvisible_header>/div> !-- header logo wrapper --> div classheader_logo_wrapper > div classcontainer> div classlogo_wrapper> a classasalah_logo retina_logo titlebarbu du web hrefhttps://www.barbuduweb.com/ relhome> img srchttps://www.barbuduweb.com/wp-content/uploads/2017/01/logo_bdw2x.png classsite_logo img-responsive site_logo_image pull-left clearfix altbarbu du web /> /a> a classasalah_logo default_logo has_retina_logo titlebarbu du web hrefhttps://www.barbuduweb.com/ relhome> img srchttps://www.barbuduweb.com/wp-content/uploads/2017/01/logo_bdw.png classsite_logo img-responsive site_logo_image pull-left clearfix altbarbu du web /> /a> h1 classscreen-reader-text site_logo site-title pull-left clearfix>barbu du web/h1> /div> div classheader_info_wrapper> !-- a iduser_info_icon classuser_info_icon user_info_button skin_color_hover href#> i classfa fa-align-center>/i> /a> --> /div> /div> /div> !-- header logo wrapper --> /header> !-- header --> !-- start stie content --> section idcontent classsite_content> div classcontainer> div classrow> h4 classpage-title screen-reader-text>Blog Posts/h4> main classmain_content col-md-12> div classblog_posts_wrapper blog_posts_list clearfix banners_blog_style> article idpost-2431 classblog_post_container post-2431 post type-post status-publish format-image has-post-thumbnail hentry category-webdesign post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/ title10 sites à ne pas manquer>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/10/best_site_sep_2020-940x400.jpg classimg-responsive wp-post-image alt10 sites pour votre inspiration - Sept 2020 decodingasync srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/10/best_site_sep_2020.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/10/best_site_sep_2020-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/10/best_site_sep_2020-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/10/best_site_sep_2020-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/10/best_site_sep_2020-267x114.jpg 267w sizes(max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/ relbookmark>10 sites à ne pas manquer/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/webdesign/ relcategory tag>Webdesign/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-10-01T18:15:30+02:00>1 octobre 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/#respond>Laisser un commentaire/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>En cette rentrée 2020, il y a beaucoup d’entreprises et d’indépendants qui sortent leur nouveau site web. J’en ai trouvé quelques uns de vraiment inspirant que je souhaitais vous partager. illo.tv C’est un site trèsa hrefhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/10-sites-a-ne-pas-manquer/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/10/best_site_sep_2020.jpg&description10%20sites%20à%20ne%20pas%20manquer classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> article idpost-2423 classblog_post_container post-2423 post type-post status-publish format-image has-post-thumbnail hentry category-outils post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/ titleOmatsuri : des outils open source pour vous simplifier la vie>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/09/omatsuni-940x400.jpg classimg-responsive wp-post-image altOmatsuri : outils en open source pour le web decodingasync loadinglazy srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/09/omatsuni.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/09/omatsuni-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/09/omatsuni-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/09/omatsuni-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/09/omatsuni-267x114.jpg 267w sizesauto, (max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/ relbookmark>Omatsuri : des outils open source pour vous simplifier la vie/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/outils/ relcategory tag>Outils/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-09-02T17:30:56+02:00>2 septembre 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/#respond>Laisser un commentaire/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>Le site Omatsuri propose à ce jour 10 outils en open source qui pourraient bien vous aider lors du développement de vos projets web. La chose intéressante ici, c’est qu’ils sont très simples d’utilisation, plutôta hrefhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/omatsuri-des-outils-open-source-pour-vous-simplifier-la-vie/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/09/omatsuni.jpg&descriptionOmatsuri%20:%20des%20outils%20open%20source%20pour%20vous%20simplifier%20la%20vie classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> article idpost-2405 classblog_post_container post-2405 post type-post status-publish format-image has-post-thumbnail hentry category-javascript post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/ titleRough Notation : créer et animer des annotations sur une page web>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/06/rough_notation-940x400.jpg classimg-responsive wp-post-image altRough Notation : librairie JavaScript decodingasync loadinglazy srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/06/rough_notation.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/06/rough_notation-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/06/rough_notation-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/06/rough_notation-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/06/rough_notation-267x114.jpg 267w sizesauto, (max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/ relbookmark>Rough Notation : créer et animer des annotations sur une page web/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/javascript/ relcategory tag>JavaScript/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-06-04T17:30:12+02:00>4 juin 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/#respond>Laisser un commentaire/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>Dans l’idée de mettre en avant du contenu il y a beaucoup de solutions, on peut encadrer du texte, le souligner avec différentes techniques, le mettre en gras bien-sûr ou encore les animer. La bibliothèquea hrefhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/rough-notation-creer-et-animer-des-annotations-sur-une-page-web/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/06/rough_notation.jpg&descriptionRough%20Notation%20:%20créer%20et%20animer%20des%20annotations%20sur%20une%20page%20web classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> article idpost-2371 classblog_post_container post-2371 post type-post status-publish format-image has-post-thumbnail hentry category-ressources category-videos post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/ titleApprendre à utiliser SASS>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/04/sass_tuto-940x400.jpg classimg-responsive wp-post-image altApprendre SASS decodingasync loadinglazy srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/04/sass_tuto.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/04/sass_tuto-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/04/sass_tuto-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/04/sass_tuto-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/04/sass_tuto-267x114.jpg 267w sizesauto, (max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/ relbookmark>Apprendre à utiliser SASS/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/ressources/ relcategory tag>Ressources/a>, a hrefhttps://www.barbuduweb.com/category/videos/ relcategory tag>Vidéos/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-05-19T17:15:50+02:00>19 mai 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/#respond>Laisser un commentaire/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>Je pense que beaucoup d’entres vous ont entendu parler de SASS (ou encore de LESS qui est son principal concurrent). Je me concentre aujourd’hui sur SASS car c’est de loin le plus utilisé. Pour résumer,a hrefhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/apprendre-a-utiliser-sass/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/04/sass_tuto.jpg&descriptionApprendre%20à%20utiliser%20SASS classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> article idpost-2376 classblog_post_container post-2376 post type-post status-publish format-image has-post-thumbnail hentry category-outils post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/un-generateur-de-hero/ titleUn générateur de Hero>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/05/hero_generator-940x400.jpg classimg-responsive wp-post-image altHero Generator decodingasync loadinglazy srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/05/hero_generator.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/05/hero_generator-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/05/hero_generator-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/05/hero_generator-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/05/hero_generator-267x114.jpg 267w sizesauto, (max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/un-generateur-de-hero/ relbookmark>Un générateur de Hero/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/outils/ relcategory tag>Outils/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-05-05T16:16:44+02:00>5 mai 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/un-generateur-de-hero/#respond>Laisser un commentaire/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>C’est quoi un Hero ? La plupart des sites que l’on visite aujourd’hui commence par un « Hero Image ». Terme difficile à traduire en français, on pourrait appeler ça une bannière, mais j’en suis pas fan.a hrefhttps://www.barbuduweb.com/un-generateur-de-hero/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/un-generateur-de-hero/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/un-generateur-de-hero/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/un-generateur-de-hero/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/un-generateur-de-hero/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/un-generateur-de-hero/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/un-generateur-de-hero/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/05/hero_generator.jpg&descriptionUn%20générateur%20de%20Hero classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> article idpost-2363 classblog_post_container post-2363 post type-post status-publish format-image has-post-thumbnail hentry category-ressources post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/ titlePlus de 1200 icônes de marques en SVG>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/04/simple_icons-940x400.jpg classimg-responsive wp-post-image altSimple Icons : des icônes en SVG de marques decodingasync loadinglazy srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/04/simple_icons.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/04/simple_icons-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/04/simple_icons-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/04/simple_icons-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/04/simple_icons-267x114.jpg 267w sizesauto, (max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/ relbookmark>Plus de 1200 icônes de marques en SVG/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/ressources/ relcategory tag>Ressources/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-05-04T10:35:28+02:00>4 mai 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/#respond>Laisser un commentaire/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>Si comme moi vous êtes souvent à la recherche des icônes des réseaux sociaux, de GitHub, de WordPress, etc. Je pense que Simple Icons va vous intéresser. Il regroupe à ce jour plus de 1200a hrefhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/plus-de-1200-icones-de-marques-en-svg/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/04/simple_icons.jpg&descriptionPlus%20de%201200%20icônes%20de%20marques%20en%20SVG classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> article idpost-2272 classblog_post_container post-2272 post type-post status-publish format-image has-post-thumbnail hentry category-css category-ressources post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/ titleUn générateur de fonds animés en CSS>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/03/css_background_generator-940x400.jpg classimg-responsive wp-post-image altCSS background generator decodingasync loadinglazy srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/03/css_background_generator.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/03/css_background_generator-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/03/css_background_generator-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/03/css_background_generator-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/03/css_background_generator-267x114.jpg 267w sizesauto, (max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/ relbookmark>Un générateur de fonds animés en CSS/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/css/ relcategory tag>CSS/a>, a hrefhttps://www.barbuduweb.com/category/ressources/ relcategory tag>Ressources/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-04-27T10:30:28+02:00>27 avril 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/#comments>5 commentaires/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>Afin d’ajouter un fond animé à vos sites on peut être tenté d’utiliser une vidéo animée en boucle. Ce qui, en terme de poids, n’est pas idéal. Surtout si c’est juste pour faire des mouvementsa hrefhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/03/css_background_generator.jpg&descriptionUn%20générateur%20de%20fonds%20animés%20en%20CSS classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> article idpost-2343 classblog_post_container post-2343 post type-post status-publish format-image has-post-thumbnail hentry category-javascript category-ressources category-videos post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/partenariat-avec-tuto-com/ titlePartenariat avec Tuto.com>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/04/tutocom.jpg classimg-responsive wp-post-image altTuto.com - partenariat avec barbu du web decodingasync loadinglazy srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/04/tutocom.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/04/tutocom-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/04/tutocom-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/04/tutocom-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/04/tutocom-267x114.jpg 267w sizesauto, (max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/partenariat-avec-tuto-com/ relbookmark>Partenariat avec Tuto.com/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/javascript/ relcategory tag>JavaScript/a>, a hrefhttps://www.barbuduweb.com/category/ressources/ relcategory tag>Ressources/a>, a hrefhttps://www.barbuduweb.com/category/videos/ relcategory tag>Vidéos/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-04-20T10:15:19+02:00>20 avril 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/partenariat-avec-tuto-com/#respond>Laisser un commentaire/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>En cette période compliquée il y a une chose dont on ne manque pas c’est le temps. Alors pourquoi ne pas le mettre à profit pour se perfectionner, ou apprendre de nouvelles choses ? Depuisa hrefhttps://www.barbuduweb.com/partenariat-avec-tuto-com/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/partenariat-avec-tuto-com/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/partenariat-avec-tuto-com/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/partenariat-avec-tuto-com/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/partenariat-avec-tuto-com/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/partenariat-avec-tuto-com/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/partenariat-avec-tuto-com/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/04/tutocom.jpg&descriptionPartenariat%20avec%20Tuto.com classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> article idpost-2326 classblog_post_container post-2326 post type-post status-publish format-image has-post-thumbnail hentry category-ressources post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/ titleOpen Peeps : une bibliothèque gratuite d’illustration de personnages>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/03/open_peeps.jpg classimg-responsive wp-post-image altOpen Peeps : bibliothèque d'illustration de personnages decodingasync loadinglazy srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/03/open_peeps.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/03/open_peeps-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/03/open_peeps-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/03/open_peeps-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/03/open_peeps-267x114.jpg 267w sizesauto, (max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/ relbookmark>Open Peeps : une bibliothèque gratuite d’illustration de personnages/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/ressources/ relcategory tag>Ressources/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-03-11T13:45:43+01:00>11 mars 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/#respond>Laisser un commentaire/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>Open Peeps est une bibliothèque d’illustration gratuite dessinée à la main et qui dispose d’une licence CC0, autrement dit tout est utilisable gratuitement aussi bien personnellement que commercialement. Le principe de cette bibliothèque est qu’ellea hrefhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/open-peeps-bibliotheque-illustration-personnages/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/03/open_peeps.jpg&descriptionOpen%20Peeps%20:%20une%20bibliothèque%20gratuite%20d’illustration%20de%20personnages classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> article idpost-2312 classblog_post_container post-2312 post type-post status-publish format-image has-post-thumbnail hentry category-outils post_format-post-format-image > div classasalah_hidden_schemas styledisplay:none;> span classblog_meta_item blog_meta_author>span classauthor vcard>a classurl fn n hrefhttps://www.barbuduweb.com/author/barbuduweb/>barbu du web/a>/span>/span> /div> div classblog_post clearfix> div classposts_list_wrapper clearfix> div classpost_thumbnail_wrapper> div classblog_post_banner blog_post_image>a hrefhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/ titleNeumorphism.io : un outil pour générer du neumorphism>img width940 height400 srchttps://www.barbuduweb.com/wp-content/uploads/2020/02/neumorphism.jpg classimg-responsive wp-post-image altNeumorphism.io : pour générer le style graphique Neumorphism decodingasync loadinglazy srcsethttps://www.barbuduweb.com/wp-content/uploads/2020/02/neumorphism.jpg 940w, https://www.barbuduweb.com/wp-content/uploads/2020/02/neumorphism-300x128.jpg 300w, https://www.barbuduweb.com/wp-content/uploads/2020/02/neumorphism-768x327.jpg 768w, https://www.barbuduweb.com/wp-content/uploads/2020/02/neumorphism-455x194.jpg 455w, https://www.barbuduweb.com/wp-content/uploads/2020/02/neumorphism-267x114.jpg 267w sizesauto, (max-width: 940px) 100vw, 940px />/a> /div> /div> div classpost_info_wrapper> !-- use this wrapper in list style only to group all info far from thumbnail wrapper --> div classblog_post_title> h2 classentry-title title post_title>a hrefhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/ relbookmark>Neumorphism.io : un outil pour générer du neumorphism/a>/h2> /div> div classblog_post_meta clearfix> span classblog_meta_item blog_meta_format entry_format>a hrefhttps://www.barbuduweb.com/type/image/>i classfa fa-camera-retro>/i>/a>/span>span classblog_meta_item blog_meta_category>Dans a hrefhttps://www.barbuduweb.com/category/outils/ relcategory tag>Outils/a>/span>span classblog_meta_item blog_meta_date>span classscreen-reader-text>/span>time classentry-date published updated datetime2020-02-13T13:35:14+01:00>13 février 2020/time>/span>span classblog_meta_item blog_meta_comments>a hrefhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/#respond>Laisser un commentaire/a>/span> /div> div classentry-content blog_post_text blog_post_description> p>Vous avez sans doute entendu parler du neumorphism en ce début d’année 2020, une nouvelle tendance qu’on commence à voir un peu partout sur le web. Si vous ne savez pas ce que c’est, vousa hrefhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/ classmore_link more_link_dots> … /a>/p> /div> div classblog_post_control clearfix> div classblog_post_control_item blog_post_readmore> a hrefhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/ classread_more_link>Lire la suite/a> /div> div classblog_post_control_item blog_post_share> span classshare_item share_sign>i classfa fa-share-alt fa-lg >/i>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/ classshare_item share_item_social share_facebook onclickwindow.open(https://www.facebook.com/sharer/sharer.php?uhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/, facebook-share-dialog, width626,height436); return false;>i classfa fa-facebook fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://twitter.com/share?urlhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/ target_blank classshare_item share_item_social share_twitter>i classfa fa-twitter fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.linkedin.com/shareArticle?minitrue&urlhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/ target_blank classshare_item share_item_social share_linkedin>i classfa fa-linkedin fa-lg>/i>/a>/span> span classsocial_share_item_wrapper>a relnofollow hrefhttps://www.pinterest.com/pin/create/button/?urlhttps://www.barbuduweb.com/neumorphism-io-un-outil-pour-generer-du-neumorphism/&mediahttps://www.barbuduweb.com/wp-content/uploads/2020/02/neumorphism.jpg&descriptionNeumorphism.io%20:%20un%20outil%20pour%20générer%20du%20neumorphism classshare_item share_item_social share_pinterest target_blank>i classfa fa-pinterest fa-lg>/i>/a>/span> /div> /div> /div> !-- .post_info_wrapper close post_info_wrapper in cas of list style--> /div> !-- .posts_list_wrapper --> /div> /article>!-- #post-## --> !-- Reading progress bar --> /div> !-- .blog_posts_wrapper --> nav classnavigation pagination aria-labelPagination des publications> h2 classscreen-reader-text>Pagination des publications/h2> div classnav-links>span aria-currentpage classpage-numbers current>1/span>a classpage-numbers hrefhttps://www.barbuduweb.com/page/2/>2/a>a classpage-numbers hrefhttps://www.barbuduweb.com/page/3/>3/a>span classpage-numbers dots>…/span>a classpage-numbers hrefhttps://www.barbuduweb.com/page/15/>15/a>a classnext page-numbers hrefhttps://www.barbuduweb.com/page/2/>i classfa fa-angle-right>/i>/a>/div> /nav> /main>!-- .main_content --> /div> !-- .row --> /div> !-- .container --> /section> !-- .site_content --> footer classsite-footer> h3 classscreen-reader-text>Site Footer/h3> div classfooter_wrapper> div classcontainer> div classfirst_footer widgets_footer row> div idfirst_footer_widget classwidget_area col-md-4> div idabout-widget-3 classwidget_container widget_content widget about-widget clearfix>h4 classwidget_title title>span classpage_header_title>Qui est barbu du web ?/span>/h4> div classasalah_about_me>div classauthor_image_wrapper small rounded>img classimg-responsive srchttps://www.barbuduweb.com/wp-content/uploads/2016/02/barbuduweb_small.png altQui est barbu du web ? />/div>div classauthor_text_wrapper>p>Cest lenvie de partager mes découvertes autour du webdesign, UX, UI, développement, ressources, outils et actus intéressantes sur les nouvelles tendances du web qui ma poussé à créer ce blog. Tout ça au poil !/p>/div>/div> /div>div idsocial-widget-5 classwidget_container widget_content widget asalah-social-widget clearfix>div classsocial_icons_list widget_social_icons_list>a relnofollow target_blank hrefhttps://www.facebook.com/barbuduweb/ titleFacebook classsocial_icon widget_social_icon social_facebook social_icon_facebook>i classfa fa-facebook>/i>/a>a relnofollow target_blank hrefhttps://www.twitter.com/barbuduweb/ titleTwitter classsocial_icon widget_social_icon social_twitter social_icon_twitter>i classfa fa-twitter>/i>/a>a relnofollow target_blank hrefhttps://www.instagram.com/barbuduweb/ titleInstagram classsocial_icon widget_social_icon social_instagram social_icon_instagram>i classfa fa-instagram>/i>/a>a relnofollow target_blank hrefhttps://www.barbuduweb.com/feed/ titleRSS classsocial_icon widget_social_icon social_rss social_icon_rss>i classfa fa-rss>/i>/a>/div>/div>/div>div idsecond_footer_widget classwidget_area col-md-4> div idcategories-4 classwidget_container widget_content widget widget_categories clearfix>h4 classwidget_title title>span classpage_header_title>Catégories/span>/h4> ul> li classcat-item cat-item-43>a hrefhttps://www.barbuduweb.com/category/artistes/>Artistes/a>/li> li classcat-item cat-item-75>a hrefhttps://www.barbuduweb.com/category/css/>CSS/a>/li> li classcat-item cat-item-1>a hrefhttps://www.barbuduweb.com/category/dossiers/>Dossiers/a>/li> li classcat-item cat-item-77>a hrefhttps://www.barbuduweb.com/category/javascript/>JavaScript/a>/li> li classcat-item cat-item-47>a hrefhttps://www.barbuduweb.com/category/outils/>Outils/a>/li> li classcat-item cat-item-76>a hrefhttps://www.barbuduweb.com/category/ressources/>Ressources/a>/li> li classcat-item cat-item-5>a hrefhttps://www.barbuduweb.com/category/semaines-au-poil/>Semaines au poil/a>/li> li classcat-item cat-item-30>a hrefhttps://www.barbuduweb.com/category/videos/>Vidéos/a>/li> li classcat-item cat-item-19>a hrefhttps://www.barbuduweb.com/category/webdesign/>Webdesign/a>/li> /ul> /div>/div>div idthird_footer_widget classwidget_area col-md-4> div idblock-2 classwidget_container widget_content widget widget_block clearfix>div classpopular-posts>ul classwpp-list wpp-list-with-thumbnails>li>a hrefhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/ target_self>img srchttps://www.barbuduweb.com/wp-content/uploads/wordpress-popular-posts/2272-featured-65x65.jpg width65 height65 altCSS background generator classwpp-thumbnail wpp_featured wpp_cached_thumb decodingasync loadinglazy>/a>a hrefhttps://www.barbuduweb.com/generateur-de-fonds-anime-en-css/ classwpp-post-title target_self>Un générateur de fonds animés en CSS/a>/li>li>a hrefhttps://www.barbuduweb.com/get-waves-creer-des-vagues-en-svg-pour-vos-sites-web/ target_self>img srchttps://www.barbuduweb.com/wp-content/uploads/wordpress-popular-posts/2213-featured-65x65.jpg width65 height65 altGet Waves : pour créer des vagues en SVG classwpp-thumbnail wpp_featured wpp_cached_thumb decodingasync loadinglazy>/a>a hrefhttps://www.barbuduweb.com/get-waves-creer-des-vagues-en-svg-pour-vos-sites-web/ classwpp-post-title target_self>Get Waves : créer des vagues en SVG pour vos sites web/a>/li>li>a hrefhttps://www.barbuduweb.com/css-flags-bibliotheque-drapeaux-pur-css/ target_self>img srchttps://www.barbuduweb.com/wp-content/uploads/wordpress-popular-posts/1026-featured-65x65.jpg width65 height65 altCSS Flags : bibliothèque de drapeaux en pur CSS classwpp-thumbnail wpp_featured wpp_cached_thumb decodingasync loadinglazy>/a>a hrefhttps://www.barbuduweb.com/css-flags-bibliotheque-drapeaux-pur-css/ classwpp-post-title target_self>CSS Flags : une bibliothèque de drapeaux en pur CSS/a>/li>li>a hrefhttps://www.barbuduweb.com/darkmode-js-pour-passer-son-site-en-mode-nuit/ target_self>img srchttps://www.barbuduweb.com/wp-content/uploads/wordpress-popular-posts/2176-featured-65x65.jpg width65 height65 altDarkmode.js : bibliothèqe JavaScript pour mettre en place un mode nuit classwpp-thumbnail wpp_featured wpp_cached_thumb decodingasync loadinglazy>/a>a hrefhttps://www.barbuduweb.com/darkmode-js-pour-passer-son-site-en-mode-nuit/ classwpp-post-title target_self>Darkmode.js : pour passer son site en mode nuit/a>/li>li>a hrefhttps://www.barbuduweb.com/16-facons-animer-textes-css3-javascript/ target_self>img srchttps://www.barbuduweb.com/wp-content/uploads/wordpress-popular-posts/1477-featured-65x65.jpg width65 height65 alt16 animations de lettres et mots classwpp-thumbnail wpp_featured wpp_cached_thumb decodingasync loadinglazy>/a>a hrefhttps://www.barbuduweb.com/16-facons-animer-textes-css3-javascript/ classwpp-post-title target_self>16 façons d’animer des textes en CSS et JavaScript/a>/li>/ul>/div>/div>/div> /div> div classsecond_footer has_first_footer row> div classcol-md-12> div classsecond_footer_content_wrapper footer_credits> Copyright © 2019 barbu du web. Tous droits réservés. - a classfooter_credits_links hrefhttps://www.barbuduweb.com/mentions-legales/>Mentions légales/a> - a classfooter_credits_links hrefhttps://www.barbuduweb.com/contact/>Contact/a> - a classfooter_credits_links hrefhttps://workwith.barbuduweb.com/ target_blank>Travailler avec moi/a> /div> /div> /div> /div> /div> /footer>!-- .site-footer --> /div>!-- .site_main_container --> !-- start site side container --> /div> !-- end site side container .site_side_container -->/div>!-- .site --> script typetext/javascript> jQuery(document).ready( function ($) { var post_bg_color #f7f7f7; function decrease_brightness(hex, percent){ // strip the leading # if its there hex hex.replace(/^\s*#|\s*$/g, ); // convert 3 char codes --> 6, e.g. `E0F` --> `EE00FF` if(hex.length 3){ hex hex.replace(/(.)/g, $1$1); } var r parseInt(hex.substr(0, 2), 16), g parseInt(hex.substr(2, 2), 16), b parseInt(hex.substr(4, 2), 16); var luma ((r * 299) + (g * 587) + (b * 114)) / 1000; if (luma > 128) { return # + ((0|(18) + r * (100 - percent) / 100).toString(16)).substr(1) + ((0|(18) + g * (100 - percent) / 100).toString(16)).substr(1) + ((0|(18) + b * (100 - percent) / 100).toString(16)).substr(1); } else { return # + ((0|(18) + r + (256 - r) * percent / 100).toString(16)).substr(1) + ((0|(18) + g + (256 - g) * percent / 100).toString(16)).substr(1) + ((0|(18) + b + (256 - b) * percent / 100).toString(16)).substr(1); } } var border_color decrease_brightness(post_bg_color, 13); var lighter_border_color decrease_brightness(post_bg_color, 7); var darker_color decrease_brightness(post_bg_color, 18); var meta_color decrease_brightness(post_bg_color, 60); var light_bg decrease_brightness(post_bg_color, 5); var output style>; output + .site_side_container, .side_content.widget_area .widget_container .widget_title > span, .asalah_select_container, .uneditable-input, #wp-calendar tbody td:hover, .reading-progress-bar, .site form.search-form input {; output + background-color:+post_bg_color+;; output + }; output + .page-links, .post_navigation, .media.the_comment, #wp-calendar thead th, .post_related, table tr, .post_content table, .author_box.author-info, .blog_posts_wrapper .blog_post, .blog_posts_wrapper.masonry_blog_style .blog_post_meta, .blog_post_meta .blog_meta_item a {; output + border-bottom-color:+border_color+;; output + }; output + .page-links, table, .post_content table th, .post_content table td, .second_footer.has_first_footer .second_footer_content_wrapper, .blog_posts_wrapper.masonry_blog_style .blog_post_meta {; output + border-top-color:+border_color+;; output + }; output + .navigation.pagination .nav-links .page-numbers, .navigation_links a, inputtypesubmit, .blog_post_control_item .share_item.share_sign {; output + border-color:+border_color+;; output + }; output + table th:last-child, table td:last-child {; output + border-left-color:+border_color+;; output + border-right-color:+border_color+;; output + }; output + table th, table td {border-right-color:+border_color+border-left-color:+border_color+;; output + }; output + .widget_container ul li {; output + border-bottom-color:+lighter_border_color+;; output + }; output + .site_side_container {; output + border-left-color:+lighter_border_color+; output + };; output + .blog_meta_item.blog_meta_format a {; output + color:+darker_color+;; output + }; output + .widget_container, .asalah_post_list_widget .post_info_wrapper .post_meta_item, select, textarea, inputtypetext, inputtypepassword, inputtypedatetime, inputtypedatetime-local, inputtypedate, inputtypemonth, inputtypetime, inputtypeweek, inputtypenumber, inputtypeemail, inputtypeurl, inputtypesearch, inputtypetel, inputtypecolor, .uneditable-input, blockquote cite, .mobile_menu_button, .blog_post_meta .blog_meta_item a, .blog_post_readmore.blog_post_control_item a:hover, .blog_post_meta .blog_meta_item, .site form.search-form i.search_submit_icon, .widget_container caption {; output + color:+meta_color+;; output + }; output + .blog_post_readmore.blog_post_control_item a:hover {; output + border-bottom-color:+meta_color+;; output + }; output + #wp-calendar thead th {; output + background-color:+lighter_border_color+;; output + border-right-color:+post_bg_color+;; output + border-left-color:+post_bg_color+;; output + }; output + .page_main_title .title, .page-links > span, .navigation.comment-navigation .comment-nav a, .side_content.widget_area .widget_container .widget_title:after, .widget_container.asalah-social-widget .widget_social_icon, .tagcloud a, inputtypesubmit:hover, .widget_container caption {; output + background-color:+light_bg+;; output + }; output + .comment_content_wrapper , dd {; output + border-right-color:+light_bg+;; output + border-left-color:+light_bg+;; output + }; output + .page_404_main_title {; output + border-bottom-color:+light_bg+;; output + }; output + .page-links > span {; output + border-color:+light_bg+;; output + }; output + .user_info_button, .widget_container caption, .footer_wrapper, .user_info_button {; output + border-color:+decrease_brightness(post_bg_color, 6)+;; output + }; output + .site form.search-form i.search_submit_icon {; output + background-color:+decrease_brightness(post_bg_color, 6)+;; output + }; output + #wp-calendar tbody tr:first-child td.pad {; output + border-right-color:+post_bg_color+;; output + border-left-color:+post_bg_color+;; output + }; output + #wp-calendar tbody td {; output + background-color:+decrease_brightness(post_bg_color, 4)+;; output + color:+decrease_brightness(post_bg_color, 53)+;; output + border-right-color:+post_bg_color+;; output + border-left-color:+post_bg_color+;; output + }; output + blockquote:before, .bypostauthor .commenter_name:after, .sticky.blog_post_container:before {; output + color:+lighter_border_color+;; output + }; output + /style>; jQuery(body).append(output); }) /script> script typetext/javascript> jQuery(document).ready( function ($) { var post_bg_color #f7f7f7; function decrease_brightness(hex, percent){ // strip the leading # if its there hex hex.replace(/^\s*#|\s*$/g, ); // convert 3 char codes --> 6, e.g. `E0F` --> `EE00FF` if(hex.length 3){ hex hex.replace(/(.)/g, $1$1); } var r parseInt(hex.substr(0, 2), 16), g parseInt(hex.substr(2, 2), 16), b parseInt(hex.substr(4, 2), 16); var luma ((r * 299) + (g * 587) + (b * 114)) / 1000; if (luma > 128) { return # + ((0|(18) + r * (100 - percent) / 100).toString(16)).substr(1) + ((0|(18) + g * (100 - percent) / 100).toString(16)).substr(1) + ((0|(18) + b * (100 - percent) / 100).toString(16)).substr(1); } else { return # + ((0|(18) + r + (256 - r) * percent / 100).toString(16)).substr(1) + ((0|(18) + g + (256 - g) * percent / 100).toString(16)).substr(1) + ((0|(18) + b + (256 - b) * percent / 100).toString(16)).substr(1); } } var border_color decrease_brightness(post_bg_color, 13); var lighter_border_color decrease_brightness(post_bg_color, 7); var darker_color decrease_brightness(post_bg_color, 18); var meta_color decrease_brightness(post_bg_color, 60); var light_bg decrease_brightness(post_bg_color, 5); output style>; output + .dropdown-menu, .header_search > form.search .search_text {; output + background-color:+post_bg_color+;; output + }; output + .widget_container ul li, .site input.search-field, .top_menu_wrapper, .header_search > form.search .search_text {; output + border-bottom-color:+lighter_border_color+;; output + }; output + .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu .current-menu-ancestor, .dropdown-menu .current-menu-ancestor > a {; output + background-color:+light_bg+;; output + }; output + .navbar-nav > li > .dropdown-menu {; output + border-right-color:+light_bg+;; output + border-left-color:+light_bg+;; output + }; output + .mobile_menu_button, .navbar-nav > li > .dropdown-menu, .dropdown-submenu > .dropdown-menu {; output + border-color:+light_bg+;; output + }; output + .header_search > form.search .search_text { color:+meta_color+;}; output + .header_search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:+meta_color+;}; output + .header_search, .sticky_header .header_info_wrapper { border-left-color: +lighter_border_color+; border-right-color:+lighter_border_color+; }; output + /style>; jQuery(body).append(output); }) /script> script typetext/javascript srchttps://cpwebassets.codepen.io/assets/embed/ei.js?ver1.0.1 idcodepen-embed-script-js>/script>script typetext/javascript srchttps://www.barbuduweb.com/wp-content/themes/barbuduweb/framework/bootstrap/js/bootstrap.min.js?ver1 idasalah-bootstrap-js>/script>script typetext/javascript srchttps://www.barbuduweb.com/wp-content/themes/barbuduweb/js/asalah.js?ver3.500 idasalah-script-js>/script>!--Plugin WP Missed Schedule Active - Secured with Genuine Authenticity KeyTag-->!-- This site is patched against a big problem not solved since WordPress 2.5 --> script typetext/javascript> jQuery(window).scroll(function() { var scrolling jQuery(window).scrollTop(); var main_navbar_offset jQuery(.site_header).height(); if (jQuery(window).scrollTop() > main_navbar_offset) { jQuery(.sticky_header .header_info_wrapper).show(slow); } else if (jQuery(window).scrollTop() main_navbar_offset) { jQuery(.sticky_header .header_info_wrapper).hide(slow); } }); /script>/body>/html>!-- Dynamic page generated in 0.152 seconds. -->!-- Cached page generated by WP-Super-Cache on 2025-01-15 23:56:38 -->!-- Compression gzip -->!-- super cache -->
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]