<!doctype html><html lang=fr-FR><head><meta name=generator content="Hugo 0.160.1"><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>MaRickScrap</title><meta name=description content="MaRickScrap décrypte l'actualité tech, le webmastering et la digitalisation. Guides pratiques, outils et formations pour les professionnels du numérique."><link rel=canonical href=https://marickscrap.com/><link rel=icon href=/favicon-mrs.webp type=image/x-icon><script src="https://cdn.tailwindcss.com?plugins=typography"></script><script>tailwind.config={theme:{extend:{colors:{primary:"#0891b2",secondary:"#0e7490",accent:"#ec4899"},fontFamily:{heading:["Poppins","sans-serif"],body:["Source Sans 3","sans-serif"]}}}}</script><link rel=stylesheet href=/fonts/fonts.css><link rel=stylesheet href=/css/main.18b81b7baddbfc694691c5a128441bc2ecd374dd74ae7e7653b91480ca80817e.css><meta property="og:title" content="MaRickScrap, Veille Tech & Web pour Professionnels"><meta property="og:description" content="MaRickScrap décrypte l'actualité tech, le webmastering et la digitalisation. Guides pratiques, outils et formations pour les professionnels du numérique."><meta property="og:type" content="website"><meta property="og:url" content="https://marickscrap.com/"><meta property="og:site_name" content="MaRickScrap"><meta property="og:image" content="https://marickscrap.com/images/logo-marickscrap.webp"><meta property="og:locale" content="fr_FR"><meta name=twitter:card content="summary_large_image"><meta name=twitter:title content="MaRickScrap, Veille Tech & Web pour Professionnels"><meta name=twitter:description content="MaRickScrap décrypte l'actualité tech, le webmastering et la digitalisation. Guides pratiques, outils et formations pour les professionnels du numérique."><meta name=twitter:image content="https://marickscrap.com/images/logo-marickscrap.webp"><script type=application/ld+json>{"@context":"https://schema.org","@type":"WebSite","name":"MaRickScrap","url":"https:\/\/marickscrap.com\/","description":"MaRickScrap décrypte l\u0027actualité tech, le webmastering et la digitalisation. Guides pratiques, outils et formations pour les professionnels du numérique.","inLanguage":"fr-FR"}</script><link rel=alternate type=application/rss+xml title=MaRickScrap href=/index.xml></head><body class="min-h-screen flex flex-col bg-gray-50 text-gray-900"><header class="bg-white/95 backdrop-blur-sm border-b border-gray-100 sticky top-0 z-50" id=site-header><nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" aria-label="Navigation principale"><div class="flex justify-between items-center h-16 lg:h-[4.25rem]"><a href=/ class="flex items-center gap-3 shrink-0" aria-label="Accueil MaRickScrap"><img src=/images/logo-marickscrap.webp alt=MaRickScrap class="h-9 w-auto" width=36 height=36 loading=eager>
<span class="font-heading text-lg font-bold text-dark hidden sm:inline">MaRickScrap</span></a><div class="hidden lg:flex items-center gap-1"><a href=/informatique/ class="relative px-3 py-2 text-sm font-medium text-gray-600 hover:text-primary rounded-md transition-colors">Informatique
</a><a href=/webmastering/ class="relative px-3 py-2 text-sm font-medium text-gray-600 hover:text-primary rounded-md transition-colors">Webmastering
</a><a href=/entreprise-digitale/ class="relative px-3 py-2 text-sm font-medium text-gray-600 hover:text-primary rounded-md transition-colors">Entreprise Digitale
</a><a href=/formation-numerique/ class="relative px-3 py-2 text-sm font-medium text-gray-600 hover:text-primary rounded-md transition-colors">Formation Numérique
</a><a href=/a-propos/ class="relative px-3 py-2 text-sm font-medium text-gray-600 hover:text-primary rounded-md transition-colors">À propos</a></div><button type=button id=nav-toggle class="lg:hidden p-2 -mr-2 text-gray-600 hover:text-primary rounded-md" aria-expanded=false aria-controls=nav-mobile aria-label=Menu>
<svg class="w-6 h-6 nav-open" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/></svg>
<svg class="w-6 h-6 nav-close hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg></button></div><div id=nav-mobile class="lg:hidden hidden border-t border-gray-100 py-3"><a href=/informatique/ class="block px-3 py-2.5 text-sm font-medium text-gray-600 hover:text-primary hover:bg-gray-50 rounded-md transition-colors">Informatique
</a><a href=/webmastering/ class="block px-3 py-2.5 text-sm font-medium text-gray-600 hover:text-primary hover:bg-gray-50 rounded-md transition-colors">Webmastering
</a><a href=/entreprise-digitale/ class="block px-3 py-2.5 text-sm font-medium text-gray-600 hover:text-primary hover:bg-gray-50 rounded-md transition-colors">Entreprise Digitale
</a><a href=/formation-numerique/ class="block px-3 py-2.5 text-sm font-medium text-gray-600 hover:text-primary hover:bg-gray-50 rounded-md transition-colors">Formation Numérique
</a><a href=/a-propos/ class="block px-3 py-2.5 text-sm font-medium text-gray-600 hover:text-primary hover:bg-gray-50 rounded-md transition-colors">À propos</a></div></nav></header><main class=flex-grow><section class="relative min-h-[520px] md:min-h-[600px] flex items-center overflow-hidden"><img src=/images/hero-workspace.webp alt="Espace de travail technologique" class="absolute inset-0 w-full h-full object-cover img-reveal" width=1920 height=1080 loading=eager fetchpriority=high><div class="hero-overlay absolute inset-0"></div><div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-28"><div class=max-w-2xl><p class="font-body text-primary/90 text-sm font-medium tracking-wide uppercase mb-4" style=color:#67e8f9>Le mag tech des pros du web</p><h1 class="font-heading text-3xl sm:text-4xl md:text-5xl lg:text-[3.25rem] font-bold text-white leading-tight mb-5">Veille tech, guides web et strategies numeriques</h1><p class="font-body text-gray-300 text-base md:text-lg leading-relaxed mb-8 max-w-lg">MaRickScrap décrypte l'actualité tech, le webmastering et la digitalisation. Guides pratiques, outils et formations pour les professionnels du numérique.</p><a href=#rubriques class="inline-flex items-center gap-2 px-5 py-2.5 bg-primary text-white text-sm font-medium rounded-lg hover:bg-secondary transition-colors">Explorer les rubriques
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg></a></div></div></section><section id=rubriques class="py-16 md:py-20 bg-gray-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><h2 class="font-heading text-2xl md:text-3xl font-bold text-dark">Nos rubriques</h2><p class="mt-3 text-muted text-base max-w-xl mx-auto">Quatre axes de veille pour couvrir l'essentiel du numerique professionnel.</p></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"><a href=/informatique/ class="group block bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class="aspect-[16/9] overflow-hidden"><img src=/images/article-ia-productivite.webp alt="MaRickScrap, Veille Tech & Web pour Professionnels" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 img-reveal" loading=lazy></div><div class=p-5><h3 class="font-heading text-base font-semibold text-dark group-hover:text-primary transition-colors">Informatique</h3><p class="mt-1 text-muted text-sm">Voir les articles</p></div></a><a href=/webmastering/ class="group block bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class="aspect-[16/9] overflow-hidden"><img src=/images/article-seo-technique.webp alt="MaRickScrap, Veille Tech & Web pour Professionnels" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 img-reveal" loading=lazy></div><div class=p-5><h3 class="font-heading text-base font-semibold text-dark group-hover:text-primary transition-colors">Webmastering</h3><p class="mt-1 text-muted text-sm">Voir les articles</p></div></a><a href=/entreprise-digitale/ class="group block bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class="aspect-[16/9] overflow-hidden"><img src=/images/article-transformation-digitale.webp alt="MaRickScrap, Veille Tech & Web pour Professionnels" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 img-reveal" loading=lazy></div><div class=p-5><h3 class="font-heading text-base font-semibold text-dark group-hover:text-primary transition-colors">Entreprise Digitale</h3><p class="mt-1 text-muted text-sm">Voir les articles</p></div></a><a href=/formation-numerique/ class="group block bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class="aspect-[16/9] overflow-hidden"><img src=/images/article-apprendre-programmation.webp alt="MaRickScrap, Veille Tech & Web pour Professionnels" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 img-reveal" loading=lazy></div><div class=p-5><h3 class="font-heading text-base font-semibold text-dark group-hover:text-primary transition-colors">Formation Numérique</h3><p class="mt-1 text-muted text-sm">Voir les articles</p></div></a></div></div></section><section class="py-16 md:py-20"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><h2 class="font-heading text-2xl md:text-3xl font-bold text-dark">Publications recentes</h2><p class="mt-3 text-muted text-base max-w-xl mx-auto">Nos dernieres analyses et guides pratiques pour rester a la pointe.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-7"><article class="bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class="aspect-[16/10] overflow-hidden"><img src=/images/posts/developpement-web-stage.webp alt="MaRickScrap, Veille Tech & Web pour Professionnels" class="w-full h-full object-cover img-reveal" loading=lazy></div><div class=p-5><span class="inline-block text-primary text-xs font-medium mb-2">formation-numerique</span><h3 class="font-heading text-base font-semibold text-dark mb-2 clamp-2"><a href=/formation-numerique/developpement-web-stage/ class="hover:text-primary transition-colors">Développement web stage : offres, rémunération et conseils pour 2026</a></h3><p class="text-muted text-sm mb-3 clamp-3">Trouver un stage en développement web en 2026 : offres, rémunération (500 à 1 200 €/mois), compétences recherchées et conseils pour décrocher ton stage rapidement.</p><div class="flex items-center justify-between text-xs text-gray-500"><time datetime=2026-06-03>3 Jun 2026
</time><span>5 min</span></div></div></article><article class="bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class=p-5><h3 class="font-heading text-base font-semibold text-dark mb-2 clamp-2"><a href=/formation-numerique/developpement-web-def/ class="hover:text-primary transition-colors">Développement web en 2026 : métiers, salaires et formations</a></h3><p class="text-muted text-sm mb-3 clamp-3">Découvrez les métiers du développement web en 2026, les salaires, les technologies clés et les formations pour devenir développeur frontend, backend ou fullstack.</p><div class="flex items-center justify-between text-xs text-gray-500"><time datetime=2026-05-30>30 May 2026
</time><span>6 min</span></div></div></article><article class="bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class="aspect-[16/10] overflow-hidden"><img src=/images/posts/creation-site-web-toulon.webp alt="MaRickScrap, Veille Tech & Web pour Professionnels" class="w-full h-full object-cover img-reveal" loading=lazy></div><div class=p-5><span class="inline-block text-primary text-xs font-medium mb-2">entreprise-digitale</span><h3 class="font-heading text-base font-semibold text-dark mb-2 clamp-2"><a href=/entreprise-digitale/creation-site-web-toulon/ class="hover:text-primary transition-colors">Création site web Toulon : tarifs 2026, agences et étapes clés pour ton projet</a></h3><p class="text-muted text-sm mb-3 clamp-3">Créer un site web à Toulon en 2026 : tarifs détaillés (vitrine, e-commerce), sélection des 6 meilleures agences locales, technologies utilisées et étapes pour lancer ton projet sans surprise.</p><div class="flex items-center justify-between text-xs text-gray-500"><time datetime=2026-05-24>24 May 2026
</time><span>6 min</span></div></div></article><article class="bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class="aspect-[16/10] overflow-hidden"><img src=/images/posts/creation-site-web-arras.webp alt="MaRickScrap, Veille Tech & Web pour Professionnels" class="w-full h-full object-cover img-reveal" loading=lazy></div><div class=p-5><span class="inline-block text-primary text-xs font-medium mb-2">entreprise-digitale</span><h3 class="font-heading text-base font-semibold text-dark mb-2 clamp-2"><a href=/entreprise-digitale/creation-site-web-arras/ class="hover:text-primary transition-colors">Création site web Arras : tarifs 2026, agences et étapes clés pour ton projet</a></h3><p class="text-muted text-sm mb-3 clamp-3">Créer un site web à Arras en 2026 : tarifs détaillés (vitrine, e-commerce), sélection des 6 meilleures agences locales, technologies utilisées et étapes pour lancer ton projet sans surprise.</p><div class="flex items-center justify-between text-xs text-gray-500"><time datetime=2026-05-21>21 May 2026
</time><span>6 min</span></div></div></article><article class="bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class="aspect-[16/10] overflow-hidden"><img src=/images/posts/creation-site-web-perpignan.webp alt="MaRickScrap, Veille Tech & Web pour Professionnels" class="w-full h-full object-cover img-reveal" loading=lazy></div><div class=p-5><span class="inline-block text-primary text-xs font-medium mb-2">entreprise-digitale</span><h3 class="font-heading text-base font-semibold text-dark mb-2 clamp-2"><a href=/entreprise-digitale/creation-site-web-perpignan/ class="hover:text-primary transition-colors">Création site web Perpignan : tarifs 2026, agences et étapes clés pour ton projet</a></h3><p class="text-muted text-sm mb-3 clamp-3">Créer un site web à Perpignan en 2026 : tarifs détaillés (vitrine, e-commerce), sélection des 6 meilleures agences locales, technologies utilisées et étapes pour lancer ton projet sans surprise.</p><div class="flex items-center justify-between text-xs text-gray-500"><time datetime=2026-05-14>14 May 2026
</time><span>6 min</span></div></div></article><article class="bg-white rounded-xl overflow-hidden border border-gray-200/60 card-lift"><div class="aspect-[16/10] overflow-hidden"><img src=/images/posts/creation-site-web-le-mans.webp alt="MaRickScrap, Veille Tech & Web pour Professionnels" class="w-full h-full object-cover img-reveal" loading=lazy></div><div class=p-5><span class="inline-block text-primary text-xs font-medium mb-2">entreprise-digitale</span><h3 class="font-heading text-base font-semibold text-dark mb-2 clamp-2"><a href=/entreprise-digitale/creation-site-web-le-mans/ class="hover:text-primary transition-colors">Création site web Le Mans : tarifs 2026, agences et étapes clés pour ton projet</a></h3><p class="text-muted text-sm mb-3 clamp-3">Créer un site web au Mans en 2026 : tarifs détaillés (vitrine, e-commerce), sélection des 6 meilleures agences locales, technologies utilisées et étapes pour lancer ton projet sans surprise.</p><div class="flex items-center justify-between text-xs text-gray-500"><time datetime=2026-05-10>10 May 2026
</time><span>6 min</span></div></div></article></div></div></section><section class="py-16 md:py-20 bg-gray-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"><div class="rounded-xl overflow-hidden"><img src=/images/section-expertise.webp alt="Reseau de donnees et expertise numerique" class="w-full h-auto object-cover img-reveal" loading=lazy></div><div><h2 class="font-heading text-2xl md:text-3xl font-bold text-dark mb-5">Pourquoi lire MaRickScrap ?</h2><p class="text-muted text-base leading-relaxed mb-6">Nous ne publions pas pour remplir un calendrier editorial. Chaque article repond a une question concrete que se posent les professionnels du web au quotidien.</p><ul class=space-y-4><li class="flex items-start gap-3"><span class="shrink-0 w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center"><svg class="w-4 h-4 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4"/></svg></span><div><p class="font-heading text-sm font-semibold text-dark">Des guides applicables</p><p class="text-muted text-sm">Pas de theorie creuse. Chaque article livre des etapes concretes.</p></div></li><li class="flex items-start gap-3"><span class="shrink-0 w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center"><svg class="w-4 h-4 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4"/></svg></span><div><p class="font-heading text-sm font-semibold text-dark">Une veille permanente</p><p class="text-muted text-sm">L'ecosysteme tech evolue vite. Nous filtrons le bruit pour vous.</p></div></li><li class="flex items-start gap-3"><span class="shrink-0 w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center"><svg class="w-4 h-4 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4"/></svg></span><div><p class="font-heading text-sm font-semibold text-dark">Sans jargon inutile</p><p class="text-muted text-sm">Un langage clair, que vous soyez developpeur, dirigeant ou en reconversion.</p></div></li></ul></div></div></div></section><section class="relative py-16 md:py-20 overflow-hidden"><img src=/images/section-newsletter.webp alt="Bureau professionnel avec ordinateur portable" class="absolute inset-0 w-full h-full object-cover opacity-15" loading=lazy><div class="relative max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center"><h2 class="font-heading text-2xl md:text-3xl font-bold text-dark mb-4">Restez informe</h2><p class="text-muted text-base leading-relaxed mb-6 max-w-lg mx-auto">Retrouvez toutes nos publications via le flux RSS. Un moyen simple de ne manquer aucun article sans surcharger votre boite mail.</p><a href=/index.xml class="inline-flex items-center gap-2 px-5 py-2.5 bg-dark text-white text-sm font-medium rounded-lg hover:bg-gray-800 transition-colors"><svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 5c7.18.0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z"/></svg>
S'abonner au flux RSS</a></div></section></main><footer class="bg-dark text-gray-300 mt-auto"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-8"><div class="grid grid-cols-1 md:grid-cols-12 gap-10"><div class=md:col-span-5><div class="flex items-center gap-3 mb-4"><img src=/images/logo-marickscrap.webp alt=MaRickScrap class="h-8 w-auto brightness-200" width=32 height=32 loading=lazy>
<span class="font-heading text-white text-lg font-bold">MaRickScrap</span></div><p class="text-gray-400 text-sm leading-relaxed max-w-sm">MaRickScrap décrypte l'actualité tech, le webmastering et la digitalisation. Guides pratiques, outils et formations pour les professionnels du numérique.</p></div><div class=md:col-span-4><h4 class="font-heading text-white text-sm font-semibold uppercase tracking-wider mb-4">Rubriques</h4><ul class=space-y-2.5><li><a href=/informatique/ class="text-gray-400 hover:text-white text-sm transition-colors">Informatique</a></li><li><a href=/webmastering/ class="text-gray-400 hover:text-white text-sm transition-colors">Webmastering</a></li><li><a href=/entreprise-digitale/ class="text-gray-400 hover:text-white text-sm transition-colors">Entreprise Digitale</a></li><li><a href=/formation-numerique/ class="text-gray-400 hover:text-white text-sm transition-colors">Formation Numérique</a></li></ul></div><div class=md:col-span-3><h4 class="font-heading text-white text-sm font-semibold uppercase tracking-wider mb-4">Informations</h4><ul class=space-y-2.5><li><a href=/a-propos/ class="text-gray-400 hover:text-white text-sm transition-colors">A propos</a></li><li><a href=/mentions-legales/ class="text-gray-400 hover:text-white text-sm transition-colors">Mentions légales</a></li><li><a href=/contact/ class="text-gray-400 hover:text-white text-sm transition-colors">Contact</a></li></ul></div></div></div><div class="border-t border-white/10"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5 flex flex-col sm:flex-row items-center justify-between gap-2"><p class="text-gray-500 text-xs">&copy; 2026 MaRickScrap. Tous droits reserves.</p><a href=/index.xml class="text-gray-500 hover:text-gray-300 text-xs transition-colors" aria-label="Flux RSS">Flux RSS</a></div></div></footer><script>(function(){var t,n,e=document.getElementById("nav-toggle"),s=document.getElementById("nav-mobile");if(!e||!s)return;t=e.querySelector(".nav-open"),n=e.querySelector(".nav-close"),e.addEventListener("click",function(){var o=e.getAttribute("aria-expanded")==="true";e.setAttribute("aria-expanded",String(!o)),s.classList.toggle("hidden"),t&&t.classList.toggle("hidden"),n&&n.classList.toggle("hidden")})})()</script><script>(function(){var e=document.getElementById("site-header");if(!e)return;window.addEventListener("scroll",function(){window.scrollY>60?e.classList.add("shadow-sm"):e.classList.remove("shadow-sm")},{passive:!0})})()</script><script>(function(){document.querySelectorAll(".img-reveal").forEach(function(e){if(e.complete){e.classList.add("loaded");return}e.addEventListener("load",function(){e.classList.add("loaded")})})})()</script></body></html>