# Les news web dev pour Juin 2024

> 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.

### Cursor, un IDE survitaminé à l’IA, innovation ou bullshit artificiel ?

[https://cursor.sh/](https://cursor.sh/)

### Alternative IA pour le dev

Free pour les solo (gratuit mais vous entraînez l’IA 😅)

[https://codeium.com/](https://codeium.com/)

### Le plus petit PaaS

Un PaaS inspiré de dokku (version open-source de Heroku).

Dokku ne fonctionne pas sur ARM donc ils ont développé un PaaS compatible Intel et ARM.

Il fonctionne sur n’importe quel provider. WorkFlow équivalent à Heroku.

[https://github.com/piku/piku](https://github.com/piku/piku)

### Astro Content Layer

La piece manquante sur Astro pour finalement remplacer Gatsby.

Pour travailler avec des sources locales et externes (API, CMS,..).
‣ Local Markdown, MDX, JSON, CSV, etc.
‣ Remote Data (API, or your favorite CMS)
‣ Backed by SQLite

[https://astro.build/blog/future-of-astro-content-layer/](https://astro.build/blog/future-of-astro-content-layer/)

### Apple Pay sur PC

Apple Pay s’ouvre à d’autre navigateur mais pas comme vous l’imaginez 😀

Il faudra scanner un code affiché pour payer avec son iPhone.

[https://www.macg.co/services/2024/06/apple-pay-fonctionnera-bientot-dans-chrome-et-firefox-grace-ios-18-144319](https://www.macg.co/services/2024/06/apple-pay-fonctionnera-bientot-dans-chrome-et-firefox-grace-ios-18-144319)

### Safari

La nouvelle version de Safari arrive avec ios18. Un bon paquet de nouveauté l’accompagne.

- CSS

  - View Transition level 1
  - Style Query : container query par rapport a un style défini
  - Animating display : intégrer display none dans une animation
  - Backdrop filter qui pert son petit prefix !
  - Flex safe : comportement quand l’élément dépasse
- Web App

  - Ouverture des liens dans un web app !!!!
- Autres

  - Abandon de jpeg2000
  - Arrivé de URL.parse
  - Beaucoup de choses dépréciés

Plus d’infos sur [https://webkit.org/blog/15443/news-from-wwdc24-webkit-in-safari-18-beta/](https://webkit.org/blog/15443/news-from-wwdc24-webkit-in-safari-18-beta/)

### CSS user-valid et user-invalid

Pseudo class pour les inputs. Lancé uniquement après interaction avec l’élément contrairement à valid

[https://web.dev/articles/user-valid-and-user-invalid-pseudo-classes?hl=en](https://web.dev/articles/user-valid-and-user-invalid-pseudo-classes?hl=en)

### Générateur Palette Tailwind

Générateur de palette de couleur.

[https://uicolors.app/create](https://uicolors.app/create)

### Article sur les couleurs CSS par Lea Verou

Lea Verou fait le point sur la génération de couleur CSS et l’accessibilité

[https://lea.verou.me/blog/2024/contrast-color/](https://lea.verou.me/blog/2024/contrast-color/)

### Nuxt Prisma

Module Nuxt pour utiliser Prisma.

[https://github.com/prisma/nuxt-prisma](https://github.com/prisma/nuxt-prisma)

### Nuxt 2 End of Life

Le 30 juin 2024 c’est la fin du support sur Nuxt 2, une page se tourne.

[https://nuxt.com/blog/nuxt2-eol](https://nuxt.com/blog/nuxt2-eol)

### SQLite (insolite)

Scrapper en quelques lignes avec Bun

[https://twitter.com/eckhardtdreyer/status/1799310486795915269?s=61&t=oJp8skN0IydkcwO_0-IcZA](https://twitter.com/eckhardtdreyer/status/1799310486795915269?s=61&t=oJp8skN0IydkcwO_0-IcZA)

Simple API en quelques lignes de code PHP

[https://twitter.com/jasonleowsg/status/1801182816740520227?s=61&t=oJp8skN0IydkcwO_0-IcZA](https://twitter.com/jasonleowsg/status/1801182816740520227?s=61&t=oJp8skN0IydkcwO_0-IcZA)

Bonne écoute !