Elektrine
Log in Register
Paige Chat Timeline Gallery Friends Email Drive DNS Private DNS Domains VPN Kairo Nerve
Remote

Pascal Duez

@pascalduez@mamot.fr
mastodon 4.7.2
  • Open on mamot.fr

Front-End Engineer, Design System.
Accessibility, Open source, Typography.

39 Followers
270 Following
20 Posts
Joined April 08, 2017
homepage:
https://pascalduez.me
Github:
https://github.com/pascalduez
pronouns:
he/him
Open post
Pascal Duez @pascalduez@mamot.fr
· 3mo ago

Les Nouveaux Déserts
Chronique d'une France qui ferme en 832 photographies
https://www.nouveauxdeserts.com

Accueil - Les Nouveaux Déserts
Les Nouveaux Déserts

Accueil - Les Nouveaux Déserts

Chronique photographique d'une France qui ferme et se referme. Gilles Prunevielle documente en argentique la disparition des commerces de proximité ruraux.

13
0
7
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 2mo ago

@edasfr@mamot.fr Astro est vraiment sympa. Flexible et évolutif.
Statique et pas de framework par défaut.

1
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 3mo ago

I've found a few CSS rendering / behavioral mismatches between major browsers, but am unsure which one is supposedly right or at least closer to the specs. What’s the best place to report them apart from vendors bug trackers? WPT interop or webcompat.com does not seem to fit.

#css

1
1
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 5mo ago
Replying to
@joachim@boitam.eu Pas de :stuck pseudo mais une query: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@container#stuck Pas encore dispo dans Firefox par contre.
@container CSS at-rule - CSS | MDN
MDN Web Docs

@container CSS at-rule - CSS | MDN

The @container CSS at-rule is a conditional group rule that applies styles to a containment context. Style declarations are filtered by a condition and applied to the elements within the container if the condition is true. The condition is evaluated when the queried container size, <style-feature>, or scroll-state changes.

1
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 8mo ago
Replying to
@joachim Fantastique, je n'avais pas vu passer l'info. Belle boîte aux trésors. Il y a même certaines "vectorisation" désormais ? NB: pourquoi ce mot me fait sentir vieux.. :blobcatfingerguns: @jackusine
2
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 11mo ago
Replying to
@joachim@boitam.eu Ah si tiens, il y a bien plusieurs températures réglables https://www.manufactum.de/wasserkocher-kettle-a212578/ C'est malin, maintenant je l'ai vue... Pas merci.
Wasserkocher Kettle, Poliert | Manufactum
manufactum

Wasserkocher Kettle, Poliert | Manufactum

Formschöner Wasserkocher aus Edelstahl mit nahtloser Oberfläche | Energiesparend und geräuscharm durch doppelwandigen Aufbau | Einstellbare Zieltemperatur und Memory-Funktion

2
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 11mo ago

@tixie@mastodon.guerilla.studio Beside Style Dictionary, Terrazzo is another well thought, maintained and active project. Should be easy to extend with plugins.
https://terrazzo.app
Can't give any warranty on years long lifetime though...

Terrazzo: tools for token management and code generation
Terrazzo

Terrazzo: tools for token management and code generation

Design systems for everyone. MIT Licensed tools for developing and managing design systems. Use the W3C design token format to build multi-platform apps quickly and easily.

2
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 14mo ago

“production-ready, clean, semantic code”

https://www.linkedin.com/posts/anthropicresearch_claude-figma-connector-activity-7352049946734284800-ct4V

#html #accessibility #a11y

LinkedIn

How to convert Figma designs to code with Claude | Anthropic posted on the topic | LinkedIn

Turn your Figma designs into production-ready code with Claude. The new Figma connector lets you share design links directly with Claude, which analyzes layout, spacing, colors, typography, and interactive elements to generate clean, semantic code that matches your design. Three simple steps: - Install the Figma connector in Claude desktop - Enable MCP server in Figma's Dev Mode - Share your design link with Claude Claude generates React components with your exact design system — colors, font

3
2
2
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 8mo ago

@db@typo.social Here's what I get in Firefox Linux.

1
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 10mo ago

@tk@social.apreslanu.it https://codeberg.org/oliphant/posty ?

Codeberg.org

posty

Turn your Mastodon archive file into a standalone static HTML site. Easy to customize, easy to search, all posts also indexed not just chronologically, but on tag pages.

1
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 14mo ago

@vanillaweb@intuitivefuture.com @bendelarre@mastodon.social That kind of code? https://mamot.fr/@pascalduez/114884619638952675

Pascal Duez (@pascalduez@mamot.fr)
Mamot - Le Mastodon de La Quadrature du Net

Pascal Duez (@pascalduez@mamot.fr)

Attached: 2 images “production-ready, clean, semantic code” https://www.linkedin.com/posts/anthropicresearch_claude-figma-connector-activity-7352049946734284800-ct4V #html #accessibility #a11y

1
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 15mo ago

@knowler@sunny.garden Hello, exactly where I'm at currently. Decades of work related niche codepens, researches, experiments and closed sources, which results with absolutely nothing presentable.
Currently trying to turn some of those into detailed articles with hopes that it would help someone else, and let's be honest serves as a portfolio...

1
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 11mo ago
Replying to
/me hide cc https://www.ebay.fr/itm/146938405939?_trksid=p4481478.c101506.m1851 https://www.ebay.fr/itm/254154020793?_trksid=p3959035.c101878.m1851 https://www.ebay.fr/itm/116605512328?_trksid=p4481478.c101506.m1851 https://www.ebay.fr/itm/116332730755?_trksid=p4481478.c101506.m1851 https://www.ebay.fr/itm/116332732742?_trksid=p4481478.c101506.m1851
ebay.fr
0
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 5mo ago

Trying to understand whether I went a bit to far on an edge case with this combination of scroll-driven animation and container style queries.
Works perfectly in Chrome* but not in Firefox with the proper flags enabled.
Maybe it's just that Firefox implementations are not yet complete.

@firefoxnightly@mastodon.social @firefoxwebdevs@mastodon.social

https://codepen.io/editor/pascalduez/pen/019df6ce-2312-78f1-bf07-a35062ea696d

#css

Sticky header theme switch on scroll
CodePen

Sticky header theme switch on scroll

A code demo by Pascal Duez created on CodePen

0
1
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 11mo ago

Spot on comment.

Source: https://inv.nadeko.net/watch?v=ofQV3xiBgT8 (Great talk BTW).

inv.nadeko.net
0
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 13mo ago

“we have just under 20kiB (80%) of storage space. That may not be enough to ship all of React, but as you can see, it’s more than enough to host this entire blog post.”

Hosting a WebSite on a Disposable Vape
https://bogdanthegeek.github.io/blog/projects/vapeserver/

Hosting a WebSite on a Disposable Vape
BogdanTheGeek

Hosting a WebSite on a Disposable Vape

Someone

0
0
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 14mo ago

@bendelarre@mastodon.social Just had that discussion yesterday about starting a new component library with Tailwind and Shadcn, totally abandoning the current one. The mere arguments I got:
* That's what everyone else is using.
* New hires are used to them from their previous job.
* It's going to make us faster...

The deskilling of the web is well alive.

0
1
0
0
Open post
Pascal Duez @pascalduez@mamot.fr
· 14mo ago

@argyleink@front-end.social @angelikatyborska@mas.to And it will quickly become out of hand I'm afraid.
https://mamot.fr/@pascalduez/114884619638952675

Pascal Duez (@pascalduez@mamot.fr)
Mamot - Le Mastodon de La Quadrature du Net

Pascal Duez (@pascalduez@mamot.fr)

Attached: 2 images “production-ready, clean, semantic code” https://www.linkedin.com/posts/anthropicresearch_claude-figma-connector-activity-7352049946734284800-ct4V #html #accessibility #a11y

0
0
0
0
Back
313k7r1n3
Elektrine

Tor hidden service

elekhj7afj4qnrr4yd3bkzslsyo5jgfxw3orgjkhlcxifueodybyiiad.onion

I2P eepsite

j6b6cyk6gjmepjih7jjadxgxvvf3lzzujljuu2v4biemzpg3naya.b32.i2p

Platform

  • Email
  • Chat
  • Timeline
  • VPN
  • DNS

Company

  • About
  • Pricing
  • Contact
  • FAQ
  • Lite (no JS)

Legal

  • Terms of Service
  • Privacy Policy
  • Transparency Report
  • Report Abuse
  • Warrant Canary
  • VPN Policy

Support

  • support@elektrine.com
  • Report Security Issue
Mail client setup IMAP mail.elektrine.com:993 POP3 mail.elektrine.com:995 SMTP mail.elektrine.com:465
© 2026 Elektrine. All rights reserved. Server: 15:36:59 UTC