James
@j-m.es
A Deaf Software Engineer that likes to build front end things and breaks them for a living at @financialtimes.com.
Reposted by James
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
November 7, 2025 at 4:37 AM
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
@miocene.io I just watched your CSS battle with @kevinpowell.co and was like wow! Then watched one of your videos - the dog one which was incredible. I'm just wondering what browser you were using in the video. Looks like Chrome but not quite Chrome?
October 9, 2025 at 6:08 PM
@miocene.io I just watched your CSS battle with @kevinpowell.co and was like wow! Then watched one of your videos - the dog one which was incredible. I'm just wondering what browser you were using in the video. Looks like Chrome but not quite Chrome?
@storyblok.com you might want to investigate blok.ink. We were looking at it to see what it does for a Design System and it's giving me a 404 error. See attached screenshot.
October 7, 2025 at 10:03 AM
@storyblok.com you might want to investigate blok.ink. We were looking at it to see what it does for a Design System and it's giving me a 404 error. See attached screenshot.
Reposted by James
At some point, @vscode.dev made Image Preview the default editor for SVGs. Here's how to change it back to text. 😅
August 21, 2025 at 3:13 PM
At some point, @vscode.dev made Image Preview the default editor for SVGs. Here's how to change it back to text. 😅
@bell.bz I’m wondering if there are any plans to release that t-shirt of yours that you proudly showed off at #FrontEndNorth as I saw a comment that said August! 👀🙏🏻
August 21, 2025 at 3:13 PM
@bell.bz I’m wondering if there are any plans to release that t-shirt of yours that you proudly showed off at #FrontEndNorth as I saw a comment that said August! 👀🙏🏻
Reposted by James
Nabbed from the link, enjoy.
ache.one/notes/html_z...
ache.one/notes/html_z...
A valid HTML zip bomb - ache
<h1 id="a-valid-html-zip-bomb"><a tabindex="0" class="anchor" href="/notes/html_zip_bomb">A valid HTML zip bomb</a></h1><p><img src="/notes/res/zip_bomb_file.svg" alt="Illustration d'une bombe zi...
ache.one
August 7, 2025 at 1:47 AM
Nabbed from the link, enjoy.
ache.one/notes/html_z...
ache.one/notes/html_z...
Reposted by James
behold the "HTML bomb"
It's a counterattack for AI companies that persistently scrape and rescrape your web site, even when you tell them not to
when a scraper grabs it, it becomes a 10-gig HTML page and 💣 goes the scraper
Item #6 in my latest "Linkfest" newsletter: buttondown.com/clivethompso...
It's a counterattack for AI companies that persistently scrape and rescrape your web site, even when you tell them not to
when a scraper grabs it, it becomes a 10-gig HTML page and 💣 goes the scraper
Item #6 in my latest "Linkfest" newsletter: buttondown.com/clivethompso...
August 5, 2025 at 10:32 PM
behold the "HTML bomb"
It's a counterattack for AI companies that persistently scrape and rescrape your web site, even when you tell them not to
when a scraper grabs it, it becomes a 10-gig HTML page and 💣 goes the scraper
Item #6 in my latest "Linkfest" newsletter: buttondown.com/clivethompso...
It's a counterattack for AI companies that persistently scrape and rescrape your web site, even when you tell them not to
when a scraper grabs it, it becomes a 10-gig HTML page and 💣 goes the scraper
Item #6 in my latest "Linkfest" newsletter: buttondown.com/clivethompso...
Reposted by James
📝 New CSS Article!
Do you want to have an overview of what modern CSS can do? Check my latest article @frontendmasters.com
frontendmasters.com/blog/infinit...
Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!
Do you want to have an overview of what modern CSS can do? Check my latest article @frontendmasters.com
frontendmasters.com/blog/infinit...
Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!
August 4, 2025 at 7:01 PM
📝 New CSS Article!
Do you want to have an overview of what modern CSS can do? Check my latest article @frontendmasters.com
frontendmasters.com/blog/infinit...
Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!
Do you want to have an overview of what modern CSS can do? Check my latest article @frontendmasters.com
frontendmasters.com/blog/infinit...
Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!
Reposted by James
"AI won’t replace devs this year. Or next."
Super actionable memo by Birgitta Böckeler @thoughtworks 👇 No hype, just real-world lessons from the field.
The Role of Developer in AI-Assisted Coding
martinfowler.com/articles/exp...
Super actionable memo by Birgitta Böckeler @thoughtworks 👇 No hype, just real-world lessons from the field.
The Role of Developer in AI-Assisted Coding
martinfowler.com/articles/exp...
March 27, 2025 at 1:00 PM
"AI won’t replace devs this year. Or next."
Super actionable memo by Birgitta Böckeler @thoughtworks 👇 No hype, just real-world lessons from the field.
The Role of Developer in AI-Assisted Coding
martinfowler.com/articles/exp...
Super actionable memo by Birgitta Böckeler @thoughtworks 👇 No hype, just real-world lessons from the field.
The Role of Developer in AI-Assisted Coding
martinfowler.com/articles/exp...
Reposted by James
Had a wonderful day at @frontendnorth.bsky.social. Thanks a lot for having me.
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
ichimnetz.com
July 10, 2025 at 5:36 PM
Had a wonderful day at @frontendnorth.bsky.social. Thanks a lot for having me.
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
Reposted by James
Had a brilliant day at @frontendnorth.bsky.social!
All the talks were excellent + the atmosphere was lovely.
If you want to see my slides and relive the nonsense, they’re at html2.toddle.site
And of course, they were built with “fictional” GUI of the future: @nordcraft.com 🤓
#FrontEndNorth
All the talks were excellent + the atmosphere was lovely.
If you want to see my slides and relive the nonsense, they’re at html2.toddle.site
And of course, they were built with “fictional” GUI of the future: @nordcraft.com 🤓
#FrontEndNorth
An Introduction to the World Wide Web for very senior programmers, presented by Salma Alam-Naylor
As we witness the much-anticipated release of HTML 2, there is no better time to surf the World Wide Web. But how did we get here? And what may the future hold? Learn all about the latest advancements...
html2.toddle.site
July 10, 2025 at 6:31 PM
Had a brilliant day at @frontendnorth.bsky.social!
All the talks were excellent + the atmosphere was lovely.
If you want to see my slides and relive the nonsense, they’re at html2.toddle.site
And of course, they were built with “fictional” GUI of the future: @nordcraft.com 🤓
#FrontEndNorth
All the talks were excellent + the atmosphere was lovely.
If you want to see my slides and relive the nonsense, they’re at html2.toddle.site
And of course, they were built with “fictional” GUI of the future: @nordcraft.com 🤓
#FrontEndNorth
Reposted by James
💡 CSS Tip!
Because the new sibling-*() functions are verbose and sibling-index() is 1-indexed, I wrote my own functions!
css-tip.com/element-index/
Less characters to type when writing complex formulas.
Because the new sibling-*() functions are verbose and sibling-index() is 1-indexed, I wrote my own functions!
css-tip.com/element-index/
Less characters to type when writing complex formulas.
July 10, 2025 at 10:30 AM
💡 CSS Tip!
Because the new sibling-*() functions are verbose and sibling-index() is 1-indexed, I wrote my own functions!
css-tip.com/element-index/
Less characters to type when writing complex formulas.
Because the new sibling-*() functions are verbose and sibling-index() is 1-indexed, I wrote my own functions!
css-tip.com/element-index/
Less characters to type when writing complex formulas.
Morning from Gidea Park, London. On my way up to #FrontEndNorth by train!
July 10, 2025 at 4:36 AM
Morning from Gidea Park, London. On my way up to #FrontEndNorth by train!
Reposted by James
Bring a **rad** `clip-path` transition to your light/dark toggle switch with a progressively enhanced `view transition`.
Try it
https://cdpn.io/pen/debug/NWZZPLZ
Source
https://codepen.io/argyleink/pen/NWZZPLZ
https://nerdy.dev/light-dark-view-transition-with-clip-path
Try it
https://cdpn.io/pen/debug/NWZZPLZ
Source
https://codepen.io/argyleink/pen/NWZZPLZ
https://nerdy.dev/light-dark-view-transition-with-clip-path
September 16, 2024 at 9:51 PM
Bring a **rad** `clip-path` transition to your light/dark toggle switch with a progressively enhanced `view transition`.
Try it
https://cdpn.io/pen/debug/NWZZPLZ
Source
https://codepen.io/argyleink/pen/NWZZPLZ
https://nerdy.dev/light-dark-view-transition-with-clip-path
Try it
https://cdpn.io/pen/debug/NWZZPLZ
Source
https://codepen.io/argyleink/pen/NWZZPLZ
https://nerdy.dev/light-dark-view-transition-with-clip-path
Reposted by James
#CSS view transitions
I appreciate not caring about a lot of details in this interaction pattern, like if landscape or portrait, grid and the browser continue to take care of everything
cdpn.io/pen/full/dyL...
I appreciate not caring about a lot of details in this interaction pattern, like if landscape or portrait, grid and the browser continue to take care of everything
cdpn.io/pen/full/dyL...
April 1, 2025 at 9:58 PM
#CSS view transitions
I appreciate not caring about a lot of details in this interaction pattern, like if landscape or portrait, grid and the browser continue to take care of everything
cdpn.io/pen/full/dyL...
I appreciate not caring about a lot of details in this interaction pattern, like if landscape or portrait, grid and the browser continue to take care of everything
cdpn.io/pen/full/dyL...
Reposted by James
March 20, 2025 at 4:40 PM