[{"data":1,"prerenderedAt":393},["ShallowReactive",2],{"i-ic:outline-arrow-upward":3,"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E":8,"episode-\u002Fpodcasts\u002Fnews-06-24":16,"github-sponsor":295,"i-material-symbols:home":370,"i-ic:baseline-play-circle-filled-white":372,"i-material-symbols:ios-share":374,"i-cbi:deezer-logo":376,"i-vscode-icons:file-type-rss":378,"i-ri:heart-3-fill":381,"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8":383,"Duration_obUejMnDrH72DETjepd0fRE2J7BL3h91tPs5fOk":388},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"m4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z\"\u002F>",["Island",9],{"key":10,"result":11},"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E",{"head":12},{"style":13},[14],{"innerHTML":15},":where(.i-mdi\\:github){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2'\u002F%3E%3C\u002Fsvg%3E\")}",{"id":17,"title":18,"author":19,"body":20,"categories":268,"description":270,"dsSlug":271,"duration":272,"episodeArtwork":273,"episodeNumber":274,"episodeType":275,"explicit":6,"extension":276,"guid":277,"links":278,"meta":279,"navigation":280,"path":281,"publicationDate":282,"season":283,"seo":284,"status":285,"stem":286,"subtitle":287,"tags":288,"videoLink":293,"__hash__":294},"podcasts\u002Fpodcasts\u002F088.news-06-24\u002Findex.md","Les news web dev pour Juin 2024","Double Slash",{"type":21,"value":22,"toc":251},"minimark",[23,28,37,41,44,50,54,57,60,63,69,73,76,79,85,89,92,95,101,105,108,154,161,165,168,174,178,181,187,191,194,200,204,207,213,217,220,226,230,233,239,242,248],[24,25,27],"h3",{"id":26},"cursor-un-ide-survitaminé-à-lia-innovation-ou-bullshit-artificiel","Cursor, un IDE survitaminé à l’IA, innovation ou bullshit artificiel ?",[29,30,31],"p",{},[32,33,34],"a",{"href":34,"rel":35},"https:\u002F\u002Fcursor.sh\u002F",[36],"nofollow",[24,38,40],{"id":39},"alternative-ia-pour-le-dev","Alternative IA pour le dev",[29,42,43],{},"Free pour les solo (gratuit mais vous entraînez l’IA 😅)",[29,45,46],{},[32,47,48],{"href":48,"rel":49},"https:\u002F\u002Fcodeium.com\u002F",[36],[24,51,53],{"id":52},"le-plus-petit-paas","Le plus petit PaaS",[29,55,56],{},"Un PaaS inspiré de dokku (version open-source de Heroku).",[29,58,59],{},"Dokku ne fonctionne pas sur ARM donc ils ont développé un PaaS compatible Intel et ARM.",[29,61,62],{},"Il fonctionne sur n’importe quel provider. WorkFlow équivalent à Heroku.",[29,64,65],{},[32,66,67],{"href":67,"rel":68},"https:\u002F\u002Fgithub.com\u002Fpiku\u002Fpiku",[36],[24,70,72],{"id":71},"astro-content-layer","Astro Content Layer",[29,74,75],{},"La piece manquante sur Astro pour finalement remplacer Gatsby.",[29,77,78],{},"Pour travailler avec des sources locales et externes (API, CMS,..).\n‣ Local Markdown, MDX, JSON, CSV, etc.\n‣ Remote Data (API, or your favorite CMS)\n‣ Backed by SQLite",[29,80,81],{},[32,82,83],{"href":83,"rel":84},"https:\u002F\u002Fastro.build\u002Fblog\u002Ffuture-of-astro-content-layer\u002F",[36],[24,86,88],{"id":87},"apple-pay-sur-pc","Apple Pay sur PC",[29,90,91],{},"Apple Pay s’ouvre à d’autre navigateur mais pas comme vous l’imaginez 😀",[29,93,94],{},"Il faudra scanner un code affiché pour payer avec son iPhone.",[29,96,97],{},[32,98,99],{"href":99,"rel":100},"https:\u002F\u002Fwww.macg.co\u002Fservices\u002F2024\u002F06\u002Fapple-pay-fonctionnera-bientot-dans-chrome-et-firefox-grace-ios-18-144319",[36],[24,102,104],{"id":103},"safari","Safari",[29,106,107],{},"La nouvelle version de Safari arrive avec ios18. Un bon paquet de nouveauté l’accompagne.",[109,110,111,132,140],"ul",{},[112,113,114,115],"li",{},"CSS\n",[109,116,117,120,123,126,129],{},[112,118,119],{},"View Transition level 1",[112,121,122],{},"Style Query : container query par rapport a un style défini",[112,124,125],{},"Animating display : intégrer display none dans une animation",[112,127,128],{},"Backdrop filter qui pert son petit prefix !",[112,130,131],{},"Flex safe : comportement quand l’élément dépasse",[112,133,134,135],{},"Web App\n",[109,136,137],{},[112,138,139],{},"Ouverture des liens dans un web app !!!!",[112,141,142,143],{},"Autres\n",[109,144,145,148,151],{},[112,146,147],{},"Abandon de jpeg2000",[112,149,150],{},"Arrivé de URL.parse",[112,152,153],{},"Beaucoup de choses dépréciés",[29,155,156,157],{},"Plus d’infos sur ",[32,158,159],{"href":159,"rel":160},"https:\u002F\u002Fwebkit.org\u002Fblog\u002F15443\u002Fnews-from-wwdc24-webkit-in-safari-18-beta\u002F",[36],[24,162,164],{"id":163},"css-user-valid-et-user-invalid","CSS user-valid et user-invalid",[29,166,167],{},"Pseudo class pour les inputs. Lancé uniquement après interaction avec l’élément contrairement à valid",[29,169,170],{},[32,171,172],{"href":172,"rel":173},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fuser-valid-and-user-invalid-pseudo-classes?hl=en",[36],[24,175,177],{"id":176},"générateur-palette-tailwind","Générateur Palette Tailwind",[29,179,180],{},"Générateur de palette de couleur.",[29,182,183],{},[32,184,185],{"href":185,"rel":186},"https:\u002F\u002Fuicolors.app\u002Fcreate",[36],[24,188,190],{"id":189},"article-sur-les-couleurs-css-par-lea-verou","Article sur les couleurs CSS par Lea Verou",[29,192,193],{},"Lea Verou fait le point sur la génération de couleur CSS et l’accessibilité",[29,195,196],{},[32,197,198],{"href":198,"rel":199},"https:\u002F\u002Flea.verou.me\u002Fblog\u002F2024\u002Fcontrast-color\u002F",[36],[24,201,203],{"id":202},"nuxt-prisma","Nuxt Prisma",[29,205,206],{},"Module Nuxt pour utiliser Prisma.",[29,208,209],{},[32,210,211],{"href":211,"rel":212},"https:\u002F\u002Fgithub.com\u002Fprisma\u002Fnuxt-prisma",[36],[24,214,216],{"id":215},"nuxt-2-end-of-life","Nuxt 2 End of Life",[29,218,219],{},"Le 30 juin 2024 c’est la fin du support sur Nuxt 2, une page se tourne.",[29,221,222],{},[32,223,224],{"href":224,"rel":225},"https:\u002F\u002Fnuxt.com\u002Fblog\u002Fnuxt2-eol",[36],[24,227,229],{"id":228},"sqlite-insolite","SQLite (insolite)",[29,231,232],{},"Scrapper en quelques lignes avec Bun",[29,234,235],{},[32,236,237],{"href":237,"rel":238},"https:\u002F\u002Ftwitter.com\u002Feckhardtdreyer\u002Fstatus\u002F1799310486795915269?s=61&t=oJp8skN0IydkcwO_0-IcZA",[36],[29,240,241],{},"Simple API en quelques lignes de code PHP",[29,243,244],{},[32,245,246],{"href":246,"rel":247},"https:\u002F\u002Ftwitter.com\u002Fjasonleowsg\u002Fstatus\u002F1801182816740520227?s=61&t=oJp8skN0IydkcwO_0-IcZA",[36],[29,249,250],{},"Bonne écoute !",{"title":252,"searchDepth":253,"depth":253,"links":254},"",2,[255,257,258,259,260,261,262,263,264,265,266,267],{"id":26,"depth":256,"text":27},3,{"id":39,"depth":256,"text":40},{"id":52,"depth":256,"text":53},{"id":71,"depth":256,"text":72},{"id":87,"depth":256,"text":88},{"id":103,"depth":256,"text":104},{"id":163,"depth":256,"text":164},{"id":176,"depth":256,"text":177},{"id":189,"depth":256,"text":190},{"id":202,"depth":256,"text":203},{"id":215,"depth":256,"text":216},{"id":228,"depth":256,"text":229},[269],"Technology","Dans cet épisode de news pour juin 2024, nous allons évoquer un éditeur boosté à l'IA, une alternative à copilot, un tout petit paas, les nouveautés de Safari 18, un peu de CSS et 2 utilisations insolites de SQLite.","DS_088_newsJuin24","xxxxx","https:\u002F\u002Fres.cloudinary.com\u002Fdoubleslash\u002Fimage\u002Fupload\u002Fv1718790912\u002Fepisode\u002FART_88_mok0yn.png",88,"full","md",null,[],{},true,"\u002Fpodcasts\u002Fnews-06-24","2024-06-19",1,{"title":18,"description":270},"published","podcasts\u002F088.news-06-24\u002Findex","Épisode new web développement pour juin 2024",[289,290,103,291,292],"astro","cursor","tailwind","nuxt","H8ULF_TUf9Y","V3AvbauRaB63UyrLEiRvEBetLEEHe-W8EJCt-WTb-qk",{"data":296},{"organization":297},{"sponsorsListing":298},{"name":299,"fullDescriptionHTML":300,"url":301,"shortDescription":302,"activeGoal":303,"isPublic":280,"sponsorable":307},"sponsors-double-slash-podcast","\u003Cp>Le podcast des dev pour dev par des dev !\u003C\u002Fp>\n\u003Cp>Des podcasts et des videos sur les technologie WEB modernes.\u003C\u002Fp>\n\u003Cp>A deux ou avec un invité, on discute des tendances, des nouvelles technologies, des meilleures pratiques actuelles.\u003C\u002Fp>\n\u003Cp>🎥 \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCp5DGBAX2XNJXeOVAo7bICQ\">Youtube\u003C\u002Fa>\u003Cbr>\n🎙️ \u003Ca href=\"https:\u002F\u002Fspoti.fi\u002F317wtvD\">Spotify\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fapple.co\u002F3fTguFo\">Apple Podcast\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fbit.ly\u002F3i0hDgy\">Deezer\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fbit.ly\u002F31aKKYd\">Google Podcast\u003C\u002Fa>\u003Cbr>\n🌐 \u003Ca href=\"https:\u002F\u002Fdouble-slash.dev\u002F\">Double Slash DEV\u003C\u002Fa>\u003C\u002Fp>","https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fdouble-slash-podcast","Le podcast des dev pour les dev par des dev !",{"description":304,"percentComplete":305,"targetValue":305,"title":306},"L'ensemble des charges seront couvertes. Service de stockage et abonnement aux services utilisés.",70,"$70 per month",{"sponsors":308},{"edges":309},[310,316,322,328,334,340,346,352,358,364],{"node":311},{"id":312,"name":313,"url":314,"avatarUrl":315},"MDQ6VXNlcjEwMDMwNw==","Clément Delmas","https:\u002F\u002Fgithub.com\u002Fclem","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F100307?u=878ed4b7cdf920879b57046f19e434fea2c7d296&v=4",{"node":317},{"id":318,"name":319,"url":320,"avatarUrl":321},"MDQ6VXNlcjI3NTYwOQ==","Thibaud Lepretre","https:\u002F\u002Fgithub.com\u002Fkakawait","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F275609?v=4",{"node":323},{"id":324,"name":325,"url":326,"avatarUrl":327},"MDQ6VXNlcjE5MTQxNjA=","David Pollet","https:\u002F\u002Fgithub.com\u002Fdavidpollet","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1914160?u=4b3da16383b9fa810fd0980f756000709403ab45&v=4",{"node":329},{"id":330,"name":331,"url":332,"avatarUrl":333},"MDQ6VXNlcjYzMzMzOTY=","Eric","https:\u002F\u002Fgithub.com\u002Fericledonge","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6333396?u=e9e541a6b9125d8e8b558fdd914c847eb36db695&v=4",{"node":335},{"id":336,"name":337,"url":338,"avatarUrl":339},"MDQ6VXNlcjg4OTk3Njg=","François Gardien","https:\u002F\u002Fgithub.com\u002FYoutch","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F8899768?u=85ae8c4299c380bcec02e99e9364624f3ce333c7&v=4",{"node":341},{"id":342,"name":343,"url":344,"avatarUrl":345},"MDQ6VXNlcjEwMTc2NjI2","Antharuu","https:\u002F\u002Fgithub.com\u002Fantharuu","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10176626?u=3f6ef490b330d5a9bbaa3137560b5d1d4cf13a4a&v=4",{"node":347},{"id":348,"name":349,"url":350,"avatarUrl":351},"MDQ6VXNlcjEwMTg2OTkz","Adrien Zaganelli","https:\u002F\u002Fgithub.com\u002FadrienZ","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10186993?u=08189ef8cf708a61445b6a57cf7a2aa361d484af&v=4",{"node":353},{"id":354,"name":355,"url":356,"avatarUrl":357},"MDQ6VXNlcjI2MTQyMzgz","Thomas Lemoine","https:\u002F\u002Fgithub.com\u002Fthomaslemoine","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F26142383?u=4c68175459b0ae1f8c68c48c40f2ae148747675d&v=4",{"node":359},{"id":360,"name":361,"url":362,"avatarUrl":363},"MDQ6VXNlcjY1NzM3MTMx","Valentin Grenier","https:\u002F\u002Fgithub.com\u002Fvalentin-grenier","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F65737131?u=0ba0cc828412f6655a948c6a82f69b9c909f8fd9&v=4",{"node":365},{"id":366,"name":367,"url":368,"avatarUrl":369},"U_kgDOBipZwA","Hebrard Frederic","https:\u002F\u002Fgithub.com\u002Ffrederichebrard","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F103438784?v=4",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":371},"\u003Cpath fill=\"currentColor\" d=\"M4 21V9l8-6l8 6v12h-6v-7h-4v7z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":373},"\u003Cpath fill=\"currentColor\" d=\"M12 2C6.475 2 2 6.475 2 12s4.475 10 10 10s10-4.475 10-10S17.525 2 12 2m-2 14.5v-9l6 4.5z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":375},"\u003Cpath fill=\"currentColor\" d=\"M6 22q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h3v2H6v10h12V10h-3V8h3q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22zm5-6V4.825l-1.6 1.6L8 5l4-4l4 4l-1.4 1.425l-1.6-1.6V16z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":377},"\u003Cpath fill=\"currentColor\" d=\"M18.774 5.051c.185-1.072.457-1.747.757-1.748c.561 0 1.015 2.341 1.015 5.228s-.455 5.229-1.016 5.229c-.23 0-.443-.4-.614-1.064c-.27 2.439-.831 4.115-1.48 4.115c-.5 0-.953-1.007-1.256-2.594c-.207 3.018-.727 5.161-1.334 5.161c-.381 0-.73-.848-.987-2.231C13.55 20 12.834 22 12 22s-1.551-2-1.86-4.853c-.255 1.383-.6 2.231-.986 2.231c-.609 0-1.128-2.142-1.335-5.161c-.3 1.587-.752 2.594-1.256 2.594c-.649 0-1.21-1.676-1.481-4.115c-.169.668-.382 1.064-.613 1.064c-.562 0-1.017-2.34-1.017-5.229S3.908 3.3 4.471 3.3c.3 0 .57.676.758 1.748C5.527 3.2 6.014 2 6.564 2c.653 0 1.219 1.7 1.487 4.168c.262-1.8.658-2.941 1.1-2.941c.624 0 1.154 2.252 1.351 5.393C10.874 7.01 11.41 6 12 6s1.128 1.011 1.5 2.62c.2-3.141.727-5.393 1.351-5.393c.444 0 .84 1.145 1.1 2.941C16.219 3.7 16.785 2 17.439 2c.547 0 1.035 1.2 1.335 3.051m-16.2 5.3C2.258 10.355 2 9.31 2 8.017s.258-2.337.576-2.337s.578 1.044.578 2.337s-.254 2.338-.578 2.338Zm18.848 0c-.32 0-.577-1.045-.577-2.338s.257-2.337.577-2.337S22 6.724 22 8.017s-.258 2.338-.576 2.338Z\"\u002F>",{"left":4,"top":4,"width":379,"height":379,"rotate":4,"vFlip":6,"hFlip":6,"body":380},32,"\u003Cdefs>\u003ClinearGradient id=\"SVGvSi4fdXe\" x1=\"30.06\" x2=\"225.94\" y1=\"30.06\" y2=\"225.94\" gradientTransform=\"matrix(.11 0 0 .11 2 2)\" gradientUnits=\"userSpaceOnUse\">\u003Cstop offset=\"0\" stop-color=\"#e3702d\"\u002F>\u003Cstop offset=\".11\" stop-color=\"#ea7d31\"\u002F>\u003Cstop offset=\".35\" stop-color=\"#f69537\"\u002F>\u003Cstop offset=\".5\" stop-color=\"#fb9e3a\"\u002F>\u003Cstop offset=\".7\" stop-color=\"#ea7c31\"\u002F>\u003Cstop offset=\".89\" stop-color=\"#de642b\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#d95b29\"\u002F>\u003C\u002FlinearGradient>\u003C\u002Fdefs>\u003Crect width=\"28\" height=\"28\" x=\"2\" y=\"2\" fill=\"#cc5d15\" rx=\"6.01\" ry=\"6.01\"\u002F>\u003Crect width=\"26.91\" height=\"26.91\" x=\"2.54\" y=\"2.54\" fill=\"#f49c52\" rx=\"5.47\" ry=\"5.47\"\u002F>\u003Crect width=\"25.82\" height=\"25.82\" x=\"3.1\" y=\"3.1\" fill=\"url(#SVGvSi4fdXe)\" rx=\"5.14\" ry=\"5.14\"\u002F>\u003Cpath fill=\"#fff\" d=\"M6.82 6.16v3.83a15.31 15.31 0 0 1 15.3 15.3h3.83A19.14 19.14 0 0 0 6.81 6.17zm0 6.45v3.72a8.97 8.97 0 0 1 8.96 8.97h3.72A12.69 12.69 0 0 0 6.81 12.6zm2.62 7.44a2.63 2.63 0 0 0-2.63 2.62a2.63 2.63 0 0 0 2.63 2.63a2.63 2.63 0 0 0 2.63-2.63a2.63 2.63 0 0 0-2.63-2.63z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":382},"\u003Cpath fill=\"currentColor\" d=\"M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2\"\u002F>",["Island",384],{"key":385,"result":386},"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8",{"head":387},{},["Island",389],{"key":390,"result":391},"Duration_obUejMnDrH72DETjepd0fRE2J7BL3h91tPs5fOk",{"head":392},{},1785405178932]