{"id":3484,"date":"2024-04-10T15:51:29","date_gmt":"2024-04-10T13:51:29","guid":{"rendered":"https:\/\/webdesignerbordeaux.fr\/?page_id=3484"},"modified":"2024-04-11T11:32:39","modified_gmt":"2024-04-11T09:32:39","slug":"blog","status":"publish","type":"page","link":"https:\/\/webdesignerbordeaux.fr\/en\/blog\/","title":{"rendered":"BLOG"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3484\" class=\"elementor elementor-3484\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aa9f22e light-section inherit-header-color elementor-default-width content-max-width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"aa9f22e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3d70aeb\" data-id=\"3d70aeb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ebb3caf mdw-gradient elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ebb3caf\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">BLOG<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7264d42 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"7264d42\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Retrouvez les tips, informations, tuoriels et news ici !<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ddd23c elementor-widget elementor-widget-html\" data-id=\"1ddd23c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 80vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n.mdw-gradient{\r\n    --gradient-color-1: #0042D7;\r\n    --gradient-color-2: #FF5800;\r\n    --gradient-color-3: #FF5800;\r\n    --gradient-color-4: #FF5800;\r\n    --gradient-color-5: #FF0064;\r\n}\r\n\r\n\/* Tablet Device *\/\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 65vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n}\r\n\r\n\r\n\/* Mobile Device *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio{\r\n    --image-height: 450px;\r\n    --image-width: 375px;\r\n    --maximum-move: 350px;\r\n    --maximum-rotate: 3deg;\r\n}\r\n}\r\n\r\nhtml,\r\nbody{\r\n    overflow-x: hidden;\r\n}\r\n.elementor-edit-area .animated {\r\n    animation-fill-mode: forwards!important;\r\n}\r\n.mdw-card-portfolio >  .elementor-container,\r\n.mdw-card-portfolio >  .elementor-container > .elementor-column,\r\n.mdw-card-portfolio >  .elementor-container > .elementor-column > .elementor-widget-wrap{\r\n    position: static !important;\r\n}\r\n.mdw-card-portfolio-image-left,\r\n.mdw-card-portfolio-image-right{\r\n    will-change: transform;\r\n}\r\n.mdw-card-portfolio-image-left img,\r\n.mdw-card-portfolio-image-right img{\r\n    width: var(--image-width);\r\n    height: var(--image-height);\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* CSS code for gradient background *\/\r\n\r\n.mdw-gradient .elementor-widget-container{\r\n    background: var(--gradient-color-1,#fff);\r\n    background: linear-gradient(90deg, var(--gradient-color-1,#fff) 0%, var(--gradient-color-2,#fff) 25%, var(--gradient-color-3,#fff) 50%, var(--gradient-color-4,#fff) 75%, var(--gradient-color-5,#fff) 100%);\r\n}\r\n.mdw-gradient.elementor-widget-heading .elementor-widget-container{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* CSS code for bottom email box *\/\r\n\r\n.mdw-email-box .elementor-widget-container{\r\n    cursor: pointer;\r\n}\r\n.mdw-email-box .elementor-heading-title{\r\n    transition: all 0.2s ease-in-out;\r\n    word-break: break-all;\r\n    text-align: center;\r\n}\r\n.mdw-email-box .elementor-widget-container:hover .elementor-heading-title{\r\n    transform: scale(0.98);\r\n}\r\n.mdw-email-copy{\r\n    height: var(--min-height,22px);\r\n    overflow: hidden !important;\r\n}\r\n.mdw-email-copy .e-con-inner{\r\n    height: auto;\r\n}\r\n.mdw-email-copy .elementor-widget{\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.mdw-email-copy.copy .elementor-widget{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-email-copy.copied .elementor-widget{\r\n    transform: translateY(-200%);\r\n}\r\n\r\n\r\n\/* CSS code for improving entrance animation *\/\r\n\r\n.fadeInUp {\r\n    animation: mdwFadeInUp 1s ease-in-out forwards !important;\r\n}\r\n.fadeIn {\r\n    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes mdwFadeInUp{\r\n0%{\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n100%{\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n}\r\n\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio-image-left{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(-30px) rotate(-1deg) !important;\r\n}\r\n.mdw-card-portfolio-image-right{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(30px) rotate(1deg) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-left{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-right{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nvar $ = jQuery\r\n\r\n$(window).on('load scroll resize', function(){\r\n\r\n$('.mdw-card-portfolio').each(function(){\r\n    var $this = $(this),\r\n    sectionHeight = $this.outerHeight(),\r\n    windowHeight = $(window).height(),\r\n    scrollValue = $(window).scrollTop() - $this.offset().top + windowHeight,\r\n    bottomPassValue = $(window).scrollTop() - $this.offset().top - sectionHeight,\r\n    easeSpeed = 3,\r\n    easeValue\r\n    \r\n    if( $(window).width() > 767 ){\r\n        \r\n        if(scrollValue < 0 || bottomPassValue > 0) return\r\n        \r\n        easeValue = 1 - 1\/Math.pow(2, scrollValue*easeSpeed\/sectionHeight)\r\n        \r\n        $this.find('.mdw-card-portfolio-image-left').css('transform', 'translateX(calc(' + (-1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (-1*easeValue) + '*var(--maximum-rotate)))')\r\n        $this.find('.mdw-card-portfolio-image-right').css('transform', 'translateX(calc(' + (1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (1*easeValue) + '*var(--maximum-rotate)))')\r\n    }else{\r\n        $this.removeClass('passed')\r\n        if( scrollValue - windowHeight*1\/2 > 0 ) $this.addClass('passed')\r\n    }\r\n    \r\n})\r\n})\r\n\r\n$(document).ready(function(){\r\n    \r\n$('.mdw-email-box .elementor-widget-container').hover(function(){\r\n    $('.mdw-email-copy').addClass('copy')\r\n}, function(){\r\n    $('.mdw-email-copy').removeClass('copy copied')\r\n})\r\n\r\n$('.mdw-email-box .elementor-widget-container').on('click', function(){\r\n    navigator.clipboard.writeText($('.mdw-email-box').text())\r\n    $('.mdw-email-copy').addClass('copied')\r\n})\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-57228c7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"57228c7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d198272 elementor-grid-eael-col-4 elementor-grid-tablet-eael-col-2 elementor-grid-mobile-eael-col-1 elementor-widget elementor-widget-eael-post-grid\" data-id=\"d198272\" data-element_type=\"widget\" data-settings=\"{&quot;eael_post_grid_columns&quot;:&quot;eael-col-4&quot;,&quot;eael_post_grid_columns_tablet&quot;:&quot;eael-col-2&quot;,&quot;eael_post_grid_columns_mobile&quot;:&quot;eael-col-1&quot;}\" data-widget_type=\"eael-post-grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"eael-post-grid-d198272\" class=\"eael-post-grid-container\">\n            <div class=\"eael-post-grid eael-post-appender eael-post-appender-d198272 eael-post-grid-style-two\" data-layout-mode=\"grid\"><article class=\"eael-grid-post eael-post-grid-column\" data-id=\"3497\">\n        <div class=\"eael-grid-post-holder\">\n            <div class=\"eael-grid-post-holder-inner\"><div class=\"eael-entry-media\"><div class=\"eael-entry-overlay fade-in\"><i class=\"fas fa-long-arrow-alt-right\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/webdesignerbordeaux.fr\/en\/mes-10-plugins-preferes\/\"><\/a><\/div><div class=\"eael-entry-thumbnail\">\n                                <img fetchpriority=\"high\" decoding=\"async\" width=\"775\" height=\"351\" src=\"https:\/\/webdesignerbordeaux.fr\/wp-content\/uploads\/2024\/04\/aticle1-10plugins.jpg\" class=\"attachment-full size-full wp-image-3541\" alt=\"\" srcset=\"https:\/\/webdesignerbordeaux.fr\/wp-content\/uploads\/2024\/04\/aticle1-10plugins.jpg 775w, https:\/\/webdesignerbordeaux.fr\/wp-content\/uploads\/2024\/04\/aticle1-10plugins-300x136.jpg 300w, https:\/\/webdesignerbordeaux.fr\/wp-content\/uploads\/2024\/04\/aticle1-10plugins-768x348.jpg 768w, https:\/\/webdesignerbordeaux.fr\/wp-content\/uploads\/2024\/04\/aticle1-10plugins-18x8.jpg 18w, https:\/\/webdesignerbordeaux.fr\/wp-content\/uploads\/2024\/04\/aticle1-10plugins-600x272.jpg 600w\" sizes=\"(max-width: 775px) 100vw, 775px\" \/>\n                              <\/div>\n                      <\/div><div class=\"eael-entry-wrapper\"><header class=\"eael-entry-header\"><h2 class=\"eael-entry-title\"><a class=\"eael-grid-post-link\" href=\"https:\/\/webdesignerbordeaux.fr\/en\/mes-10-plugins-preferes\/\" title=\"MES 10 PLUGINS PR\u00c9F\u00c9R\u00c9S\">MES 10 PLUGINS PR\u00c9F\u00c9R\u00c9S<\/a><\/h2><\/header><div class=\"eael-entry-content\">\n                                    <div class=\"eael-grid-post-excerpt\"><p>Mes 10 plugins pr\u00e9f\u00e9r\u00e9s, choisissez uniquement ceux qui vous sont...<\/p><a\n                                        href=\"https:\/\/webdesignerbordeaux.fr\/en\/mes-10-plugins-preferes\/\"\n                                        class=\"eael-post-elements-readmore-btn\">Lire l'article<\/a><\/div>\n                                <\/div><div class=\"eael-entry-header-after style-two\"><div class=\"eael-entry-meta\"><span class=\"eael-meta-posted-on\"><i class=\"far fa-clock\"><\/i><time datetime=\"10 April 2024\">10 April 2024<\/time><\/span><\/div><\/div><\/div><\/div>\n        <\/div>\n    <\/article><\/div>\n            <div class=\"clearfix\"><\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80a78a1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"80a78a1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb25aaf e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"eb25aaf\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-2fc1e36\" href=\"https:\/\/www.tiktok.com\/@maxannepaix\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\"><\/span>\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Capa_1\" height=\"512\" viewbox=\"0 0 512 512\" width=\"512\"><g><path d=\"m480.32 128.39c-29.22 0-56.18-9.68-77.83-26.01-24.83-18.72-42.67-46.18-48.97-77.83-1.56-7.82-2.4-15.89-2.48-24.16h-83.47v228.08l-.1 124.93c0 33.4-21.75 61.72-51.9 71.68-8.75 2.89-18.2 4.26-28.04 3.72-12.56-.69-24.33-4.48-34.56-10.6-21.77-13.02-36.53-36.64-36.93-63.66-.63-42.23 33.51-76.66 75.71-76.66 8.33 0 16.33 1.36 23.82 3.83v-62.34-22.41c-7.9-1.17-15.94-1.78-24.07-1.78-46.19 0-89.39 19.2-120.27 53.79-23.34 26.14-37.34 59.49-39.5 94.46-2.83 45.94 13.98 89.61 46.58 121.83 4.79 4.73 9.82 9.12 15.08 13.17 27.95 21.51 62.12 33.17 98.11 33.17 8.13 0 16.17-.6 24.07-1.77 33.62-4.98 64.64-20.37 89.12-44.57 30.08-29.73 46.7-69.2 46.88-111.21l-.43-186.56c14.35 11.07 30.04 20.23 46.88 27.34 26.19 11.05 53.96 16.65 82.54 16.64v-60.61-22.49c.02.02-.22.02-.24.02z\"><\/path><\/g><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BLOG Retrouvez les tips, informations, tuoriels et news ici ! MES 10 PLUGINS PR\u00c9F\u00c9R\u00c9S Mes 10 plugins pr\u00e9f\u00e9r\u00e9s, choisissez uniquement ceux qui vous sont&#8230; Lire l&#8217;article 10 avril 2024<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3484","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/pages\/3484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/comments?post=3484"}],"version-history":[{"count":13,"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/pages\/3484\/revisions"}],"predecessor-version":[{"id":3577,"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/pages\/3484\/revisions\/3577"}],"wp:attachment":[{"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/media?parent=3484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}