Actus

Posts originaux de @alsacreations.com sur Bluesky.

Firefox 150 introduit les vues scindées (split view), un nouvel éditeur PDF intégré, les traductions privées, bien d'autres améliorations et... des dizaines de bugs détectés grâce à Claude Mythos www.firefox.com/en-US/firefo...

Un nouveau captcha intelligent et infaillible, on l'a fait pour vous. Testez-le ! #captcha www.alsacreations.com/actu/lire/19...

Qu'est devenu ICQ ? #histoire www.alsacreations.com/article/lire... 🔈 Uh oh.

Nuxt 4.4 arrive ⛰️ ! nuxt.com/blog/v4-4 Avec des nouveautés pour useFetch/useAsyncData, l’intégration de vue-router v5, un nouvel annonceur d'accessibilité, la migration vers unrouting et un profileur de build (nuxt build --profile). #NuxtJS #WebDev

On enchaîne les sorties avec Vite 8 vite.dev/blog/announc... La nouvelle version du bundler ultra-rapide vient de débarquer avec des performances encore améliorées (ils annoncent 10 à 30x grâce à Rolldown) , une compatibilité étendue et des outils pour simplifier le front-end ⬇️

Astro 6 est sorti astro.build/blog/astro-6/ : dev server repensé, fonts API intégrée, Live Content Collections, CSP et compilateur Rust, un bon paquet de nouveautés. Mise à jour super-simple "npx @astrojs/upgrade". Mais c'est quoi au juste, Astro ? 👇

Un guide pour styler les listes en CSS de moult façons différentes et exotiques, il en aura sûrement que vous ne connaissez pas encore piccalil.li/blog/an-in-d...

Pour augmenter la fiabilité de vos e-mails et ne pas finir en spam, utilisez SPF, DKIM, DMARC à bon escient. Tout savoir avec notre récap illustré 👉 www.alsacreations.com/tuto/lire/19...

Au @Shadok_eu le Random Bazar Festival www.festival.random-bazar.fr jusqu'au 7 mars est le rendez-vous des jeux vidéo alternatifs ; on a relevé le highscore au "jeu du Cordialement" avec 10 rounds tapés au clavier en moins d'une seconde de moyenne. À vous ! 🎮

pkg-size pkg-size.dev vous détaille le poids des packages node que vous embarquez dans votre projet

Réécriture complète de l'article "Vibe Coder sur Visual Studio Code avec Copilot" par Thomas Mur (paroi.tech) détaillant chaque étape de l'implémentation d'une fonctionnalité : www.alsacreations.com/tuto/lire/19...

Nouvel article sur Alsacréations "Isoler finement les styles CSS à l'aide de @scope" : www.alsacreations.com/article/lire...

Nouvel événement venu pour simplifier la vie : scrollend permet de détecter la fin du défilement dans une page web www.alsacreations.com/astuce/lire/...

Nice Select, une démo de ce que l'on peut faire à l'extrême avec un <select> HTML et les nouveaux styles applicables nerdy.dev/nice-select

Les résultats de l'enquête State of JavaScript ont été publiés, beaucoup d'informations intéressantes sur l'écosystème et les tendances 2025.stateofjs.com/en-US

Web Share API c'est une méthode très facile à utiliser en JavaScript pour partager des liens sur les réseaux (sociaux mais pas que) www.alsacreations.com/astuce/lire/... #javascript #sharethelove

Le breakpoint qui arrive "trop tôt" une analyse visuelle efficace par Ahmad Shadeed ishadeed.com/article/too-...

🚀 Nuxt 4.3 : layouts par règles de route, extraction des payloads ISR/SWR, overlay d’erreur draggable (en dev), support étendu pour Nuxt 3 (mises à jour de sécurité jusqu’à juillet 2026), et bien d'autres en attendant Nuxt5 nuxt.com/blog/v4-3

Better SVG est une extension récente et sympa pour mieux afficher/optimiser vos images SVG directement dans vscode avec support de l'aperçu, currentColor, zoom, SVGO et une grille marketplace.visualstudio.com/items?itemNa...

jQuery 4.0.0 a été publié blog.jquery.com/2026/01/17/j... avec quelques nouveautés et breaking-changes ; cela reste une bibliothèque très utilisée sur des dizaines de millions de domaines, même si d'autres outils ont pris le relais dans l'écosystème JavaScript

puter.com est un mini-système léger s'exécutant dans le navigateur, open-source et que vous pouvez héberger par vous-même

Un peu d'art et de poésie hypnotique avec ces nuages ASCII caidan.dev/portfolio/as... faites varier les paramètres de l'animation pour changer vitesse, couleurs, formes, amplitudes

Ils ont besoin de votre soutien : l'équipe du Nexus VI va produire Get Funky, un jeu vidéo 🎮 science fiction, on leur souhaite une belle réussite (désormais basés à #strasbourg) fr.ulule.com/le-jeu-video... tous les détails dans la vidéo de la page Ulule

Le saviez-vous ? L'attribut hidden en HTML peut prendre la valeur "until-found" avec une nouveauté bien pratique pour révéler le contenu lors de la recherche ainsi que pour les robots d'indexation. Vous saurez tout 👉 www.alsacreations.com/astuce/lire/... #html

Qu'est-ce que le code ? 💻 Paul Ford démystifie l’invisible moteur de notre monde moderne dans cette dense publication illustrée : des langages à la culture des développeurs, il explique pourquoi comprendre le logiciel n'est plus une option www.bloomberg.com/graphics/201...

Qu'y a-t-il eu de nouveau dans les navigateurs en décembre ? Le récapitulatif par Rachel Andrew web.dev/blog/web-pla...

Dans la série "on n'a pas trouvé le bon outil alors on l'a fait nous mêmes", voici Fondue notre optimiseur de polices pour le web. Son truc en plus : il gère les fontes variables 💪 À découvrir ici : fondue.alsacreations.com

picknplace une alternative au drag&drop qui fonctionne au clavier et au scroll jgthms.com/picknplace.js/

Vous aimez WordPress et les sites bien faits ? 💚 Nous recrutons ➡️ emploi.alsacreations.com/offre-592078... #wordpress #php #job #strasbourg

Que sont devenues les frames (et frameset) ? Notre rétrospective qui explique des éléments de design actuels www.alsacreations.com/article/lire... #html

WordPress 6.9 est un 🎁 avant l'heure, pour connaître toutes les nouveautés consultez le guide des changements techniques fr.wordpress.org/2025/11/26/g...

512KB Club : une mise en avant des sites (ayant du contenu utile) plus légers que 512 Ko, dans un monde où le poids des pages explose 512kb.club 🏋️

Tiny Mario diego.horse/tiny-mario/ se joue dans la barre d'adresse de votre navigateur

public.monster est un hommage au web "fun" des années 90 avec la possibilité d'y héberger votre page publique bigarrée

Pikaday, un guide pour vous convaincre d'opter pour un datepicker natif pikaday.dbushell.com

Hello tout le monde. On recherche un·e Développeur·euse PHP / WordPress expérimenté·e pour réaliser de jolis et propres projets web ensemble. Les détails et modalités sont précisés dans le lien ci-dessous (inutile de candidater en commentaire) : emploi.alsacreations.com/offre-592078...

Une brève histoire des (noms de) domaines www.dotcom.press/history-of-d... en quelques dates clés, depuis les premiers TLDs jusqu'à aujourd'hui

Affinity est désormais gratuit (sauf les fonctionnalités IA) après son rachat par Canva en 2024 ; il vous faut un compte Canva pour l'utiliser www.affinity.studio/fr_fr/graphi...

Ce soir aura lieu le nouveau meetup StrasbourgJS www.meetup.com/fr-FR/strasb... avec plusieurs sujets intéressants au programme; console.log("Venez !")

Node.js 25 a été dévoilé nodejs.org/en/blog/rele... avec des améliorations de performance et de sécurité.

Vite: The Documentary est sorti sur YouTube : l'histoire de cet outil créé par Evan You qui a propulsé la communauté JavaScript au-delà de Webpack, pour Vue, React, Astro, Svelte et les autres www.youtube.com/watch?v=bmWQ...

Qu'est devenu Real Player ? #souvenirs L'historique de cet outil fondamental du web www.alsacreations.com/article/lire...

Quelles sont les nouveautés prévues pour eslint 10 ? eslint.org/blog/2025/10...

Paris Web 2025 : l'inclusivité au cœur de l'événement, nous y étions #parisweb www.alsacreations.com/actu/lire/19...

Tout savoir sur le positionnement par ancre : anchor positioning, l'article de la semaine ⚓ www.alsacreations.com/tuto/lire/19...

Traefik fête ses 10 ans, annonce la v4.0 ; et nous tenons à souligner ce beaux choix de nommage pour les différentes releases traefik.io/blog/celebra...

Helium est un navigateur web (basé sur Chromium) tout frais et léger, très soucieux de votre vie privée, qui n'envoie aucune requête inutile et bloque les pubs par défaut helium.computer

Google ajoute un MCP dans Chrome et donne ainsi accès au débug pour un LLM developer.chrome.com/blog/chrome-...

UX et accessibilité numérique : repenser vos interfaces pour éviter le défilement horizontal ↔️ notre dernier article à lire aujourd'hui www.alsacreations.com/article/lire...

Les Rencontres du Logiciel Métier #3 c'est le 2 octobre 2025 au KM0 à Mulhouse ; toutes les infos et inscription my.weezevent.com/les-rencontr...

Pourquoi les navigateurs limitent les timers JavaScript (setTimeout/setInterval) ? nolanlawson.com/2025/08/31/w... une explication par Nolan Lawson

La fondation Apache change de logo et opte pour une feuille de chêne news.apache.org/foundation/e...

Nuxt 4.1 a été publié avec des améliorations de stabilité, un support expérimental de rolldown-vite pour des compilations plus rapides, une évolution de LazyHydration et pour le développement des modules nuxt.com/blog/v4-1

Vous connaissiez déjà contenteditable pour rendre tout élément HTML "éditable" en mode wysiwyg. Désormais, il y a contenteditable plaintext-only 🥁 www.alsacreations.com/astuce/lire/...

Vous est-il déjà arrivé de vous demander ce qui existait avant le Web que nous connaissons aujourd'hui ? Avant que les navigateurs graphiques ne deviennent la norme existait Gopher. Découvrez son histoire pour briller en société www.alsacreations.com/article/lire...

Imaginez une scène sur laquelle le ou les artiste(s) n’utilise pas d’instrument traditionnel, mais des ordinateur sur lequel ils écrivent des lignes de code en temps réel qui donnent naissance à de la musique et des effets visuels projetés en live.. ➡️ www.alsacreations.com/actu/lire/19...

Désormais les devtools de Chrome affichent le support navigateur en se basant sur l'indicateur "Baseline"

Pikimov est une application web simple et respectueuse des données d'édition vidéo et motion design pikimov.com ; cela fonctionne dans Chrome/Edge uniquement pour le moment, et c'est assez impressionnant, jusqu'en 4K.

Déclencher un téléchargement de fichier ? 3 techniques faciles www.alsacreations.com/astuce/lire/... #javascript #download #html

Consultez les résultats de l'enquête State of CSS 2025 2025.stateofcss.com/en-US #CSS

Un petit rappel ne fait pas de mal : <strong>, <b>, <i>, <em> : gras ou italique, quelle balise utiliser et pourquoi ? www.alsacreations.com/article/lire... #HTML

Bel article de MDN sur l'encodage des images (dont la compression JPEG) et la perception humaine developer.mozilla.org/en-US/blog/i...

Tout ce que vous devez savoir sur le ✨ Full Site Editing (FSE) ✨ #wordpress en 2025, notre nouvelle publication toute fraîche www.alsacreations.com/article/lire...

David Bushell annonce "Croissant", un lecteur de flux RSS (oui c'est encore très utilisé, il n'y a pas que les réseaux sociaux dans la vie) dbushell.com/2025/07/18/c... et promeut le RSS Club dbushell.com/2025/08/03/R... ... d'ailleurs suivez nos beaux flux RSS www.alsacreations.com/rss/ 😇

Déléguer entièrement l'écriture du code à l'intelligence artificielle c'est désormais possible (en restant vigilant !). Merci à Paleo (github.com/paleo) pour son tutoriel "Vibe Coder sur Visual Studio Code avec Copilot" : www.alsacreations.com/tuto/lire/19...

Mieux comprendre les opérateurs d'affectation logique en JavaScript, qui combinent ||, &&, ou ?? avec le signe = est un gain de temps et de maintenabilité appréciable allthingssmitty.com/2025/07/28/l...

Nuxt 3.18 est sorti avec des améliorations issues de la toute fraîche v4, une accessibilité améliorée, une meilleure intégration des outils de développement du navigateur et des améliorations de performances nuxt.com/blog/v3-18

L'enquête State of HTML 2025 est ouverte, cela vous prendra 15 à 20 minutes mais vous y apprendrez sûrement plein de choses sur les nouveaux éléments ou API disponibles/en préparation survey.devographics.com/en-US/survey... #HTML #webdev

Découvrez Spätzi, notre outil open source de vérification de contrastes de couleur moderne : spatzi.alsacreations.com Tous format acceptés (même OKLCH) et "bouton magique" pour atteindre le seuil de conformité minimal. Toutes les infos dans cet article : www.alsacreations.com/outils/lire/...

Vous vous êtes déjà lassés de border-radius en CSS ? La prochaine tendance sera de jouer avec corner-shape ! frontendmasters.com/blog/underst...

CSS, dans certains cas, peut créer des barrières d'accessibilité. Voici quelques astuces à connaître pour les éviter : www.alsacreations.com/article/lire... #CSS #accessibilité

"L’IA dans Figma : des plugins et fonctionnalités qui nous simplifient la vie", merci Lisa pour cet article ! www.alsacreations.com/article/lire...

Fouilles de données sur le web : comment s'en protéger www.alsacreations.com/article/lire... #ia #ai une analyse fine de la situation pour bloquer (ou pas) les robots d'IA, par Bongota

Dans la prochaine version de Safari prévue pour cet automne : SVG Icons (pour favicons), WebGPU, CSS Anchor Positioning, Scroll-driven Animations, un pseudo-support de webapps, et beaucoup de corrections de bugs webkit.org/blog/16993/n...

Améliorez la qualité CSS de vos projets à l'aide de Stylelint, un guide détaillé : www.alsacreations.com/article/lire...

Vite 7 a été dévoilé à l'instant vite.dev/blog/announc... ⚡️

La fameuse enquête State of CSS est ouverte pour l'année 2025 ; participez et partagez votre expérience et vos attentes quant à ce langage qui devient plus vaste que jamais ! stateofcss.com/fr-FR #css

Nous étions aux Positive Design Days ! Voici ce que nous en retenons : www.alsacreations.com/actu/lire/19...

L'Europe dévoile DNS4EU www.joindns4.eu pour renforcer sa souveraineté numérique et permettre de ne plus dépendre des résolveurs de noms US, tout en préservant l'anonymat. Le bilan des premiers essais par Stéphane Bortzmeyer www.bortzmeyer.org/dns4eu.html

Nuxt dévoile sa roadmap pour la V4 : 🗂️ Nouvelle structure de répertoires dans app/, 🔄 Amélioration de la récupération des données, 🏷️ Cohérence des noms de composants, 📄 Amélioration de la gestion de <head> nuxt.com/blog/roadmap... #Nuxt #VueJS #WebDev

CSS Minecraft est une démo en 3D d'un mini-monde Minecraft constructible, sans aucune ligne de JavaScript benjaminaster.com/css-minecraft/

Nous serons présents à WordCamp Europe 2025 les 6 & 7 juin à Bâle ! europe.wordcamp.org/2025/ (parce que WordPress c'est de la balle)

Nous serons présents aux Positive Design Days le 12 juin 2025, réservez vous aussi votre place ! positive-design-days.com (Shadok, Strasbourg)

Fresh le framework web full-stack de Deno passe à un nouveau moteur de rendu, plus de flexibilité côté client, et de meilleurs temps de réponse deno.com/blog/an-upda... #Deno #Fresh #WebDev

Sur euvd.enisa.europa.eu l'Europe lance une base de données européenne des vulnérabilités (EUVD) pour renforcer la cybersécurité : divulgation coordonnée de failles via un registre public, en lien avec le système CVE #cybersécurité #ENISA #EUVD #CVE

Node.js sort en version 24.0.0 nodejs.org/en/blog/rele... au menu performance, gestion des contextes asynchrones, manipulation des URL : V8 passe à la version 13.6 (Float16Array, RegExp.escape, etc.), AsyncLocalStorage utilise AsyncContextFrame par défaut, URLPattern devient global

Un générateur de CSS critiques (critical CSS) critical-css-extractor.kigo.studio c'est-à-dire les règles CSS nécessaires au rendu de la partie visible d'une page web (au-dessus de la ligne de flottaison) pour améliorer l'indicateur First Contentful Paint (FCP) #performance

Des boîtes triangulaires arrondies ? C'est possible en CSS/SVG www.trysmudford.com/blog/rounded...

Retour d'expérience de notre équipe sur la certification Opquast @opquast (en ayant décroché de jolis scores🏅) www.alsacreations.com/actu/lire/19...

Deepwiki deepwiki.com analyse les repos GitHub publics (privés en payant) pour générer une description globale et documentation avec laquelle on peut "discuter" via un LLM

Éco-conception et dithering (par hteumeuleu), ou comment la "diffusion d'erreur" sur les images va à l'encontre des principes d'optimisation www.hteumeuleu.fr/eco-concepti...

Le support de NodeJS 18.x prend fin dans quelques jours, vérifiez bien votre version installée et celle nécessaire pour les projets que vous maintenez en vie

Choisir entre map() et forEach() en JavaScript : allthingssmitty.com/2025/04/21/w...

Créer des variables CSS à partir d'un fichier JavaScript (par Michelle Barker) css-irl.info/creating-css...

Le guide complet pour appliquer des styles CSS à ses SVG (externes, inline, etc.) : www.alsacreations.com/tuto/lire/19...

Mais que sont donc les paramètres "utm" que l'on trouve dans une URL ? www.alsacreations.com/astuce/lire/... 🤔

Vous l'aviez remarqué, notre annonce du 1er avril était bien un poisson. C'était l'occasion de dévoiler notre nouveau site www.alsacreations.fr, designé et développé pour une meilleure expérience. 👉 Et si on faisait mûrir vos idées ensemble ?

Aujourd'hui nous vous dévoilons notre toute nouvelle solution, après avoir longtemps travaillé dessus : ClipIA !🎉 Propulsé par KIWI JUICE™, ClipIA est l’assistant personnel qui chouchoute votre site web au quotidien. Découvrez-le immédiatement www.alsacreations.fr/solution/cli...

Nicolas @Nico3333fr publie son guide réactualisé Déployer CSP : une approche en 5 étapes (anciennement publié chez Dareboost et remis à jour), à lire si vous touchez à Content Security Policy ou à la sécurité web www.alsacreations.com/article/lire...

Une équipe chez Microsoft propose une nouvelle façon de dessiner des séparateurs entre les blocs et sections d'une page web (en CSS) blogs.windows.com/msedgedev/20...

Nuxt UI v3 a vu le jour, une nouvelle version majeure revue de fond en comble avec les dernières technologies (dont Tailwind CSS 4) et de nettes améliorations sur l'accessibilité nuxt.com/blog/nuxt-ui...

Les Règles pour l’accessibilité des contenus Web (WCAG) 2.2 voient leur traduction française publiée grâce à l'équipe @access42.net ! www.w3.org/Translations...

Découvrez la règle CSS `@starting-style` et ses bénéfices pour tous les effets de transitions des éléments qui apparaissent dans la page : www.alsacreations.com/tuto/lire/19... #CSS #animations #performances

Pourquoi y a-t-il un underscore dans l'attribut target="_blank"? kyrylo.org/html/2024/10... maintenant vous saurez

🆕 Priorité à l'accessibilité : pour des maquettes inclusives ! Notre nouvel article récapitule les bonnes pratiques pour les maquettes graphiques, contrastes, typographie et interactions www.alsacreations.com/article/lire...

Un générateur de palettes de couleurs accessibles thisisfranciswu.com/enterprise-u... à partir d'une couleur majeure, issu d'un article uxdesign.cc/a-systematic...

Réimaginer la typographie fluide sur le web ? www.oddbird.net/2025/02/12/f...

L'initiative Interop 2025 est lancée par les navigateurs autour de 19 nouvelles thématiques telles qu'Anchor Positioning, <details>, View Transitions, Navigation API, Pointer & mouse events, etc. La liste complète : github.com/web-platform...

Vous avez sûrement déjà rencontré des erreurs CORS lors de vos développements web : qu'est-ce donc hormis du pop rock irlandais, et qu'est-ce que la notion d'origine vient faire là-dedans ? Vous saurez tout www.alsacreations.com/article/lire...

Intéressant pour vos développements d'applications web : jscanify permet de "scanner" ou plutôt prendre en photo au propre des documents en rectifiant la distorsion, en recadrant... github.com/puffinsoft/j...

Il reste des places pour la formation Performances web, du 17 au 21 mars, profitez-en ! formations.alsacreations.fr/formation-pe...

JavaScript Temporal est en approche, cela permettra une gestion plus facile et propre des dates, intervalles de temps, durées et calculs avec la prise en compte de l'internationalisation developer.mozilla.org/en-US/blog/j...

Comment rendre un composant "tree view" (arborescence) accessible ? par GitHub github.blog/engineering/...

Si vous développez des sites et applications web avec un soupçon de JavaScript, vous devriez connaître ARIA pour rendre accessibles vos interactions et notamment les "live regions" ; ça se passe chez Access42 dans un beau récapitulatif access42.net/quand-utilis...

Analyser du code PHP avec PHPStan ? Facile. www.alsacreations.com/article/lire... Pratique pour prendre de bonnes habitudes même sur des petits projets

Easing Wizard est un outil en ligne pour concevoir et affiner vos fonctions d'accélération en CSS easingwizard.com

Blendy blendy.tahazsh.com permet de passer en douceur d'un élément à un autre avec seulement quelques lignes de code ; il n'est pas lié à un framework et peut fonctionner avec React, Vue, Svelte...

Nouvel article sur Alsacréations : "les animations liées au scroll en CSS". www.alsacreations.com/article/lire...

Un bilan de 2024 par HTTP Archive avec Web Almanac almanac.httparchive.org/en/2024/tabl... sur l'usage réel de HTML, Fonts, CSS (bientôt publié), l'accessibilité, la sécurité, les CDN, HTTP, etc.

Le CSS Working Group apprécie le nouveau logo CSS proposé et envisage de l'adopter officiellement github.com/w3c/csswg-dr...

Un slider horizontal natif avec sélection double de l'intervalle (en VO c'est plus concis "native dual-range input") propre et préservant l'accessibilité, par Stanko Tadić, c'est stylé muffinman.io/blog/native-...

Le calendrier de l'avent 2024 de HTML Hell www.htmhell.dev/adventcalend...

24 jours de web est de retour pour l'édition 2024 ! www.24joursdeweb.fr : le calendrier de l’avent des gens qui font le web d’après

Vite 6 est désormais disponible vite.dev/blog/announc... avec un succès toujours grandissant dans l'écosystème

Un convertisseur de vidéo fonctionnant entièrement dans le navigateur avec l'API WebCodecs et profitant de l'accélération matérielle www.remotion.dev/convert (code source publié sur GitHub)

Hier nous étions à DevFest Strasbourg : c'était top, merci pour l'organisation, bravo aux bénévoles et conférenciers ! devfest.gdgstrasbourg.fr

WordPress 6.7 apporte des nouveautés agréables mais aussi des warnings PHP qui peuvent apparaître lorsque des extensions ne chargent pas correctement les traductions, attention à prévoir un plan B(ackup) pour vos mises à jour fr.wordpress.org/2024/11/12/w...

En panne d'inspiration pour rédiger vos fichiers README ? Utilisez le générateur readme.so/fr

Aujourd'hui nous vous proposons une revue de la définition du support des navigateurs dans projets web : quid des complexes tableaux de fonctionnalités ? www.alsacreations.com/article/lire...

Dans la spécification "CSS Values and Units Level 5" le Working Group ajoute if(), inherit(), une nouvelle version de attr() et des changements à *progress(), on va pouvoir imaginer de nouvelles techniques www.w3.org/blog/CSS/202...

25 astuces d'accessibilité pour fêter les 25 ans de WebAIM webaim.org/blog/25-tips/

PacCam est un pacman dans le navigateur que vous dirigez à l'aide de votre webcam et de votre visage eieio.games/paccam/

Cash github.com/fabiospampin... est une alternative jQuery "ridiculement petite" pour les navigateurs modernes qui fournit une syntaxe de style jQuery pour manipuler le DOM. On ne sait jamais, ça peut encore servir...

Thunderbird ressurgit sur Android suite à la reprise de K-9 mail (on l'a testé : cheznousçamarche) blog.thunderbird.net/2024/10/thun...

Les import maps en JavaScript, ça vous parle ? Vous saurez tout en 3 minutes grâce à cet article www.alsacreations.com/article/lire...

L'équipe de WebKit suggère de les aider à choisir une syntaxe CSS pour les blocs en Masonry webkit.org/blog/16026/c...

Rsbuild, un Vite qui va plus vite ? rsbuild.dev

Tota11ylost, "l’escape game, qui a pour objectif de vous offrir une expérience immersive, vous sensibilisant plus particulièrement aux défis, auxquels sont confrontés les personnes en situation de handicap numérique" ; par l'équipe d'Orange tota11ylost.orange.com

En JavaScript, setBigTimeout vous permet de dépasser une limite de 25 jours pour setTimeout evanhahn.com/set-big-time...

Svelte 5.0 est disponible 🎊 www.npmjs.com/package/svelte

L'article du jour 🆕 Mermaid : diagrammes, schémas et graphiques dans markdown www.alsacreations.com/astuce/lire/...

Node 23.0.0 sort avec principalement le support des modules ESM via require() et l'oubli de Windows 32 bits nodejs.org/en/blog/rele...

Deno 2 est dispo ! deno.com/blog/v2.0 L'alternative à Node qui embarque nativement TypeScript, des outils de formatage, linting, test, compilation, package manager, et se veut bien plus sécurisé. Compatible Node et npm #deno

URL, URI, URN, quelles différences ? Notre dernier article est tout frais www.alsacreations.com/article/lire...

Masquer un header en scrollant vers le bas, le réafficher en scrollant vers le haut, le tout en #css avec Scroll-Driven Animations www.bram.us/2024/09/29/s...

Petit tutoriel dans l'air du temps 🆕 Interroger un LLM en JavaScript avec Ollama #llm #ia #ai www.alsacreations.com/tuto/lire/19...

Les Web Components ne sont pas des composants de framework, par @lea.verou.me lea.verou.me/blog/2024/wc...

Nouvel article par @cedDevWP ! Tout savoir sur les variables CSS (custom properties) www.alsacreations.com/tuto/lire/19...

Améliorer la performance de rendu en CSS grâce à content-visibility : un cas concret par Nolan Lawson nolanlawson.com/2024/09/18/i...

Plein de lorems ipsums originaux pour vos textes de remplissage meettheipsums.com

Pic Smaller picsmaller.com (re)compresse vos images par lot aux formats JPEG/PNG/WEBP/GIF/SVG/AVIF. Sinon il y a toujours squoosh.app qui fonctionne très bien avec des réglages fins. Optimisez !

Une lettre ouverte à Oracle pour libérer la "marque" JavaScript javascript.tm signée par les plus grands noms... et vous ?

Le CSS Working Group publie le premier Working Draft de la spécification "CSS Values and Units Level 5" qui va comprendre des fonctions bien utiles telles que *-progress() toggle() attr() random() pour permettre encore plus de créativité avec style www.w3.org/blog/CSS/202...

Désormais Chrome (Google) n'utilise plus l'indicateur FID (First Input Delay) pour la performance, remplacé par l'INP (Interaction to Next Paint) web.dev/blog/fid?hl=fr

Un plaidoyer du web minimaliste mnmlist.com/w/

Il reste quelques places pour la conférence We Love Speed à Nantes ce 17 septembre, consultez le programme ! www.welovespeed.com/2024/program...

Un guide bien étoffé sur la performance des fonts sur le web www.debugbear.com/blog/website...

Google va supporter le format d'images AVIF dans Google Search et Images developers.google.com/search/blog/... (...on attend toujours l'import SVG dans leur suite Workspace)

Une histoire de… l'Internet www.radiofrance.fr/francecultur... un beau podcast en 8 épisodes de 1969 à nos jours avec moult curiosités et rebondissements que vous ne connaissez sûrement pas encore

Styler les tableaux <table> bien comme il faut de manière moderne piccalil.li/blog/styling... #html #css

Nouvel article 🎉 Les carrousels (slider) sont-ils vraiment utiles ? www.alsacreations.com/article/lire... (...vous le saurez en lisant Lisa)

There is no website www.thereisnoweb.site un jeu mystérieux dans votre navigateur issu d'un hackaton, une expérience qui remet en question la notion même de ce que devrait être un site Web

Des graphiques/histogrammes responsive en HTML et CSS avec Grid Layout ? C'est possible 9elements.com/blog/respons...

Puppeteer (combien de "p", combien de "e", à vous de voir) la bibliothèque JavaScript de pilotage de navigateur en mode headless (sans interface graphique) supporte désormais Firefox hacks.mozilla.org/2024/08/pupp...

Un snippet de code à copier-coller dans votre console pour visualiser votre DOM en 3D gist.github.com/OrionReed/4c... 😎

Comment les JO ont impacté le trafic internet, un article par Cloudflare (en français) blog.cloudflare.com/fr-fr/paris-...

Le guide Practical SVG par Chris Coyier est désormais lisible gratuitement en ligne practical-svg.chriscoyier.net

L'article de l'été sur Alsacréations : "Les modes d'apparence Light mode et Dark mode" www.alsacreations.com/article/lire...

Mozilla rafraîchit son observatoire de la sécurité HTTP pour l'été developer.mozilla.org/en-US/observ... vous pouvez y tester votre site et suivre nos guidelines pour augmenter votre score github.com/alsacreation...

Parce que c'est les vacances et pour le fun, un toggle de plage en CSS (à ne pas utiliser...) codepen.io/Pedro-Ondivi...

schema.org s'est offert un petit rafraîchissement d'été, pensez aux microdonnées pour enrichir votre intégration HTML

Nouvelle interface pour Figma en cours de déploiement, qu'en pensez-vous ?

On approche de la fin de vie pour Nuxt 2 nuxt.com/blog/nuxt2-eol qui ne recevra plus de mises à jour après le 30 juin 2024

Julia Evans publie un nouveau zine : How Git Works! (comment fonctionne Git) jvns.ca/blog/2024/04... et vous pouvez aussi y retrouver une cheatsheet PDF

webstatus.dev est un tableau de suivi bien pratique du niveau de support des navigateurs quant aux différentes fonctionnalités, API, langages web

Centrer les choses, c'est difficile. tonsky.me/blog/centeri...

L'European Data Protection Board (EDPB ou CEPD) publie son guide sur la protection des données pour les petites entreprises en version française #rgpd www.edpb.europa.eu/sme-data-pro...

Lea Verou fait le point sur la génération de codes couleurs pour le texte en CSS et leur lisibilité/accessibilité lea.verou.me/blog/2024/co...

Quand on fait une entrée remarquée dans le Wiktionnaire fr.m.wiktionary.org/wiki/retroller

Des partitions de musique fluides et en responsive pour le web ? C'est possible avec CSS Grid cruncher.ch/blog/printin...

Les animations CSS basées sur le temps yuanchuan.dev/time-based-c... avec toutes les fonctions mathématiques récentes

iOS404 ios404.com liste les fonctionnalités manquantes du web moderne sur la plateforme iOS (iPhone, iPad...) ; certaines ont une bonne dizaine d'années d'existence sur d'autres navigateurs

Des chercheurs de l'université de technologie de Graz (Autriche) ont réussi à exploiter des failles de WebGPU et à accéder à la mémoire de l'ordinateur via le navigateur www.tugraz.at/en/tu-graz/s...

Toutes les nouveautés de WordPress 6.5 "Regina" présentées par @audrasjb.bsky.social fr.wordpress.org/2024/04/02/w... (bibliothèque de polices, révisions de styles, mise en page, vue de données, drag&drop...)

monolith est un outil pour sauver toute une page web et ses dépendances en un seul fichier... HTML github.com/Y2Z/monolith (d'où son nom...)

Le site de Node.js a connu un petit rafraîchissement de printemps nodejs.org, analyse du processus suivi nodejs.org/en/blog/anno...

VitePress 1.0 a été dévoilé, générateur de site statique construit à l'aide de Vite et Vue, orienté contenu écrit en markdown : de nombreux projets l'utilisent pour leur site vitrine et documentation blog.vuejs.org/posts/vitepr...

À l'initiative de Mozilla, Microsoft, Google, Apple, le bilan de performance Speedometer 3 pour les navigateurs est annoncé et ajoute bon nombre de fonctionnalités aux tests browserbench.org/announcement...

Pixels & Bretzels, la 100e édition c'est chez @alsacreations www.alsacreations.com/actu/lire/19... ce 19 mars

Produire des graphiques avec une police ? Parce que... pourquoi pas ? www.vectrotype.com/chartwell (attention ce n'est pas accessible tel quel)

Comparatif clair et concis de l'accessibilité de 5 plugins de formulaire pour Wordpress par Temesis www.temesis.com/blog/compara...

Une petite extension Visual Studio Code sympa pour l'autocomplétion des variables CSS natives marketplace.visualstudio.com/items?itemNa...

Apple casse volontairement les PWA (Progressive Web Apps) sur iOS en réaction au DMA (Digital Markets Act) européen techcrunch.com/2024/02/15/a... 👎

CSS est logique geoffgraham.me/css-is-logic... (n'est-ce pas ?)

jQuery 4.0 est dévoilé en version beta. Notez qu'il est encore très utilisé sur de nombreux sites. A priori, si vous êtes déjà en version 3 il n'y aura pas de gros problèmes de compatibilité en Vue (...non ça c'est autre chose) blog.jquery.com/2024/02/06/j...

Tout le travail derrière les réseaux de vecteurs de Figma alexharri.com/blog/vector-... : une longue lecture, intéressante

Le projet Interop 2024 par Mozilla priorisera Popover API, le nesting CSS, les Custom Properties, l'accessibilité, le Shadow DOM, indexedDB, le style des scrollbars... hacks.mozilla.org/2024/02/anno...

Aujourd'hui est l'occasion d'un petit rappel sur l'optimisation des images SVG et toutes les techniques pour les charger plus rapidement #webperf www.alsacreations.com/astuce/lire/...

Faites des folies avec la console navigateur frontendmasters.com/blog/console...

Mozilla fait l'inventaire des limites techniques imposées par ses concurrents (Apple, Microsoft, Google) le pénalisant pour être à égalité dans le marché des navigateurs mozilla.github.io/platform-tilt/

Savoir lire les QR codes sans ordinateur, avec ses yeux, ça peut dépanner qr.blinry.org (mais n'oubliez pas de toujours indiquer l'adresse en clair pour les gens qui n'utilisent pas ou ne savent pas utiliser ces codes)

Un plaidoyer et des recommandations pour utiliser les e-mails en texte simple useplaintext.email

Nouvel article : "CSS :has() le sélecteur de parent, mais bien plus encore !" -> www.alsacreations.com/article/lire...

L'équipe d'Alsacréations vous souhaite une excellente année 2024 🎉 Venez jouer au grappin 👉 vous êtes sûr.e à 99% de gagner à 100%. Des anecdotes inédites vous y attendent ! 🔗 voeux2024.alsacreations.fr

htmlspirograph.com un spirographe en HTML (canvas et JavaScript) comme au bon vieux temps

Le fameux service inVision qui a aidé tant de designers à présenter leur travail et à recueillir des retours va fermer ses portes à la fin de l'année, c'est le moment d'exporter vos archives car rien ne sera conservé www.invisionapp.com/inside-desig...

Tous les articles de 24 jours de web sont à présent dévoilés www.24joursdeweb.fr bonne lecture, et félicitations à toutes les personnes ayant contribué à ce beau projet initié par Rémi Parmentier et maintenu désormais par Paris Web.

Nouveau tutoriel "Animer un bouton burger simple avec SVG et CSS" à consulter ici : www.alsacreations.com/tuto/lire/19...

Vue 2 verra la fin de son support au 31 décembre 2023 blog.vuejs.org/posts/vue-2-...

Le calendrier de l'avent de TypeScript est là typehero.dev/aot-2023 : chaque jour un challenge typé

Animotion animotion.dev est un outil d'animation CSS visuel sans code avec éditeur d'images-clés et exemples inclus

Orion est un navigateur web pour macOS, conçu par Kagi, construit sur WebKit pour remplacer Safari : sans télémétrie, très orienté vie privée et avec support natif pour les web extensions. kagi.com/orion/

Comment intégrer des tableaux HTML accessibles et conformes au RGAA ? par access42 access42.net/integrer-tab...

Le code couleur #87CEEB correspond à la couleur "Sky Blue", le saviez-vous ?