Aymeric ★
@aymkdn.bsky.social
Passionné du Web et de technologies // Web developer // France – Créateur de plusieurs services sur https://kodono.info
How to write good HTML for emails - www.goodemailcode.com
Good Email Code
Email code resources website
www.goodemailcode.com
November 4, 2025 at 3:02 PM
How to write good HTML for emails - www.goodemailcode.com
We can now do so much things with CSS! – 25 new features of CSS www.youtube.com/watch?v=QW6G...
25 new & rad feature of CSS
YouTube video by CascadiaJS
www.youtube.com
November 4, 2025 at 8:54 AM
We can now do so much things with CSS! – 25 new features of CSS www.youtube.com/watch?v=QW6G...
Get access to all of the most recent LLMs (GPT, Claude, Gemini, Mistral, Grok, …) for only 10€/month - mammouth.ai
Stay at the top of AI
The best GenAI models in one subscription. Access GPT, Claude, Gemini, Mistral, Llama, Nano Banana, GPT-image, FLUX, and stay up to date with AI.
mammouth.ai
October 31, 2025 at 9:52 AM
Get access to all of the most recent LLMs (GPT, Claude, Gemini, Mistral, Grok, …) for only 10€/month - mammouth.ai
HotFX Split Flap Effet - fx.hot.page/split-flap
HotFX Split Flap
fx.hot.page
October 31, 2025 at 9:14 AM
HotFX Split Flap Effet - fx.hot.page/split-flap
Alternative text for CSS-generated content (with ::before and ::after) - Example: `content: "↗" / "Opens in a new window"` www.sarasoueidan.com/blog/alt-tex... #accessibility
CSS to speech: alternative text for CSS-generated content
— The personal website of Sara Soueidan, inclusive Web UI engineer
www.sarasoueidan.com
October 31, 2025 at 9:12 AM
Alternative text for CSS-generated content (with ::before and ::after) - Example: `content: "↗" / "Opens in a new window"` www.sarasoueidan.com/blog/alt-tex... #accessibility
Reposted by Aymeric ★
Have you been meaning to learn how to use CSS Subgrid? Here’s a very practical and straightforward how-to from @saron.bsky.social!
webkit.org/blog/17339/s...
webkit.org/blog/17339/s...
Subgrid: how to line up elements to your heart’s content
When Grid became widely available across browsers in 2017, it was an absolute game changer.
webkit.org
September 15, 2025 at 4:51 PM
Have you been meaning to learn how to use CSS Subgrid? Here’s a very practical and straightforward how-to from @saron.bsky.social!
webkit.org/blog/17339/s...
webkit.org/blog/17339/s...
Optimize long tasks using the new `scheduler.yield()` | web.dev - web.dev/articles/opt...
web.dev
Guidance to build modern web experiences that work on any browser.
web.dev
September 15, 2025 at 4:14 PM
Optimize long tasks using the new `scheduler.yield()` | web.dev - web.dev/articles/opt...
Tunnel all your traffic over Websocket or HTTP2 - Bypass firewalls/DPI
GitHub - erebe/wstunnel: Tunnel all your traffic over Websocket or HTTP2 - Bypass firewalls/DPI - Static binary available
Tunnel all your traffic over Websocket or HTTP2 - Bypass firewalls/DPI - Static binary available - GitHub - erebe/wstunnel: Tunnel all your traffic over Websocket or HTTP2 - Bypass firewalls/DPI -...
github.com
September 15, 2025 at 5:29 AM
Tunnel all your traffic over Websocket or HTTP2 - Bypass firewalls/DPI
Stop using setTimeout for your background tasks, and use Scheduler instead: developer.mozilla.org/en-US/docs/W...
Scheduler - Web APIs | MDN
The Scheduler interface of the Prioritized Task Scheduling API provides methods for scheduling prioritized tasks.
developer.mozilla.org
September 6, 2025 at 6:19 AM
Stop using setTimeout for your background tasks, and use Scheduler instead: developer.mozilla.org/en-US/docs/W...
Accurate text lengths with `Intl.Segmenter` API | Automagic - blog.sangeeth.dev/posts/accura...
Or how to get a size of 1 for things like emojis
Or how to get a size of 1 for things like emojis
Accurate text lengths with `Intl.Segmenter` API
How many characters is 👨👩👧👦?
blog.sangeeth.dev
September 5, 2025 at 5:14 AM
Accurate text lengths with `Intl.Segmenter` API | Automagic - blog.sangeeth.dev/posts/accura...
Or how to get a size of 1 for things like emojis
Or how to get a size of 1 for things like emojis
Query String URL Tricks for SharePoint and Microsoft 365 | Microsoft Learn - learn.microsoft.com/en-us/micros...
Query String URL Tricks for SharePoint and Microsoft 365
Creative ways to filter, embed, and change page content by learning the secrets of URL query strings.
learn.microsoft.com
September 3, 2025 at 5:06 PM
Query String URL Tricks for SharePoint and Microsoft 365 | Microsoft Learn - learn.microsoft.com/en-us/micros...
Chrome 133 introduced scroll-state container queries. This means that the browser-managed state for sticky positioning, scroll snap points, and scrollable elements can now be queried and adapted to from CSS - developer.chrome.com/blog/css-scr...
CSS scroll-state() | Blog | Chrome for Developers
Like container queries; but for stuck, snapped, and overflowing queries.
developer.chrome.com
August 12, 2025 at 3:34 PM
Chrome 133 introduced scroll-state container queries. This means that the browser-managed state for sticky positioning, scroll snap points, and scrollable elements can now be queried and adapted to from CSS - developer.chrome.com/blog/css-scr...
The new CSS `corner-shape` permits to change the shape of the border-radius, and we can have some nice effects! Go check this guide to know more: frontendmasters.com/blog/underst... – available from Chrome 139
Understanding CSS corner-shape and the Power of the Superellipse
The CSS corner-shape property (very new! only in Chrome Canary!) is useful in basic use cases, for advanced shape making, and the superellipse() function is *extra* powerful.
frontendmasters.com
August 12, 2025 at 3:26 PM
The new CSS `corner-shape` permits to change the shape of the border-radius, and we can have some nice effects! Go check this guide to know more: frontendmasters.com/blog/underst... – available from Chrome 139
A Few Things About the Anchor Element’s href You Might Not Have Known - Jim Nielsen’s Blog - blog.jim-nielsen.com/2025/href-va...
For example `window.location.href="."` could be useful, and more!
For example `window.location.href="."` could be useful, and more!
A Few Things About the Anchor Element’s href You Might Not Have Known
Writing about the big beautiful mess that is making things for the world wide web.
blog.jim-nielsen.com
August 9, 2025 at 8:29 AM
A Few Things About the Anchor Element’s href You Might Not Have Known - Jim Nielsen’s Blog - blog.jim-nielsen.com/2025/href-va...
For example `window.location.href="."` could be useful, and more!
For example `window.location.href="."` could be useful, and more!
Ask someone to show you something: easily share a link with someone to get them recording their screen - canyoushowme.com
Can you show me? - Simple screen recording
Send a link, they record, you watch.
canyoushowme.com
July 18, 2025 at 7:35 AM
Ask someone to show you something: easily share a link with someone to get them recording their screen - canyoushowme.com
SnapDOM captures HTML elements to images with exceptional speed and accuracy, supporting pseudo-elements, shadow DOM, web fonts, and more. - zumerlab.github.io/snapdom/
snapDOM – serious alternative to html2canvas
Capture any web UI with high accuracy and speed, including details that html2canvas misses. Try the demo and see the difference.
zumerlab.github.io
July 4, 2025 at 5:15 PM
SnapDOM captures HTML elements to images with exceptional speed and accuracy, supporting pseudo-elements, shadow DOM, web fonts, and more. - zumerlab.github.io/snapdom/
The new CSS conditionals `if()` function is now available in Chrome and Edge - developer.chrome.com/blog/if-arti...
CSS conditionals with the new if() function | Blog | Chrome for Developers
Learn about the new CSS if function, which enables a cleaner developer interface for dynamic styles like style queries and media queries.
developer.chrome.com
July 2, 2025 at 12:37 PM
The new CSS conditionals `if()` function is now available in Chrome and Edge - developer.chrome.com/blog/if-arti...
The new trend is the Glassmorphism, introduced with the new IOS. Here is a CSS Generator - Glass UI - ui.glass/generator/
Glassmorphism CSS Generator - Glass UI
Generate CSS and HTML components using the glassmorphism design specifications based on the Glass UI library.
ui.glass
June 23, 2025 at 12:30 PM
The new trend is the Glassmorphism, introduced with the new IOS. Here is a CSS Generator - Glass UI - ui.glass/generator/
The new CSS pseudo-element ::details-content is available to style
More options for styling <details> | Chrome for Developers
You can now set the display type and also style the container for the part that expands and collapses using the new ::details-content pseudo-element.
developer.chrome.com
June 23, 2025 at 7:31 AM
The new CSS pseudo-element ::details-content is available to style
Prompt to make a cartoon image: « Convert this image of <me and my dog, or whatever> into a 3D Pixar-style cartoon clean lines, soft lighting, expressive features, and a polished render that feels cinematic. »
June 21, 2025 at 3:06 PM
Prompt to make a cartoon image: « Convert this image of <me and my dog, or whatever> into a 3D Pixar-style cartoon clean lines, soft lighting, expressive features, and a polished render that feels cinematic. »
A library that uses the "CSS Custom Highlight API" for code-syntax highlighting. No more need for spliting the text to highlight the syntax - andreruffert.github.io/syntax-highl... #JavaScript #CSS
<syntax-highlight> element - Web Component
A <syntax-highlight> web component that uses the CSS Custom Highlight API.
andreruffert.github.io
June 21, 2025 at 2:37 PM
A library that uses the "CSS Custom Highlight API" for code-syntax highlighting. No more need for spliting the text to highlight the syntax - andreruffert.github.io/syntax-highl... #JavaScript #CSS
Use the `interpolate-size` property or the `calc-size()` function to enable smooth transitions and animations from lengths to intrinsic sizing keywords (like "auto" or "fit-content") and back. - developer.chrome.com/docs/css-ui/...
Animate to height: auto; (and other intrinsic sizing keywords) in CSS | CSS and UI | Chrome for Developers
Animate to and from intrinsic sizing keywords with `interpolate-size` and `calc-size()`
developer.chrome.com
June 3, 2025 at 3:18 PM
Use the `interpolate-size` property or the `calc-size()` function to enable smooth transitions and animations from lengths to intrinsic sizing keywords (like "auto" or "fit-content") and back. - developer.chrome.com/docs/css-ui/...
ForesightJS is a JavaScript library that helps predict what users are likely to do next by analyzing their mouse movements and keyboard navigation. It lets developers prefetch data ahead of time based on these predictions, instead of waiting for actions like clicks or hovers. - foresightjs.com
ForesightJS - Predictive Mouse Intent Library | ForesightJS
ForesightJs is a library for predictive mouse intent detection, enabling optimized prefetching and improved user experience.
foresightjs.com
June 3, 2025 at 2:22 PM
ForesightJS is a JavaScript library that helps predict what users are likely to do next by analyzing their mouse movements and keyboard navigation. It lets developers prefetch data ahead of time based on these predictions, instead of waiting for actions like clicks or hovers. - foresightjs.com
Interesting video from Google about Web animations, where we are today – www.youtube.com/watch?v=UcXW...
Web animations today and tomorrow
YouTube video by Chrome for Developers
www.youtube.com
June 3, 2025 at 8:11 AM
Interesting video from Google about Web animations, where we are today – www.youtube.com/watch?v=UcXW...
The file converter you'll love.
All image, audio, and document processing is done on your device. Videos are converted on our lightning-fast servers. No file size limit, no ads, and completely open source. - vert.sh
All image, audio, and document processing is done on your device. Videos are converted on our lightning-fast servers. No file size limit, no ads, and completely open source. - vert.sh
VERT.sh — Free, fast, and awesome file convert
With VERT you can quickly convert any image, video and audio file. No ads, no tracking, open source, and all processing (other than video) is done on your device.
vert.sh
May 12, 2025 at 4:33 PM
The file converter you'll love.
All image, audio, and document processing is done on your device. Videos are converted on our lightning-fast servers. No file size limit, no ads, and completely open source. - vert.sh
All image, audio, and document processing is done on your device. Videos are converted on our lightning-fast servers. No file size limit, no ads, and completely open source. - vert.sh