Xavier Zaława (@7studio) header
Xavier Zaława (@7studio) profile picture

Intégrateur Web, abonné au gaz et pas plus con qu'un autre.

Montans, France
Joined February 2009
Photo by Xavier Zaława (@7studio)Photo by Xavier Zaława (@7studio)Photo by Xavier Zaława (@7studio)Photo by Xavier Zaława (@7studio)Photo by Xavier Zaława (@7studio)Photo by Xavier Zaława (@7studio)Photo by Xavier Zaława (@7studio)Photo by Xavier Zaława (@7studio)Photo by Xavier Zaława (@7studio)Photo by Xavier Zaława (@7studio)
Xavier Zaława retweeted
Considering CSS was made to style text documents, it's pretty impressive what we can do with it today.
2
45
62
L'article du jour🆕 Mermaid : diagrammes, schémas et graphiques dans markdown alsacreations.com/astuce/lir…
4
10
894
Mon intuition me dit que c'est un ancien dev qui en pouvait plus des réunions bullshit alors il s'est reconverti en dinosaure du métro parisien
La réaction des gens ptdrrrrrrr ah vas-y j’suis ko
4
2
28
2,967
Xavier Zaława retweeted
Cette année encore, nous avons besoin de vous pour que cette édition prenne vie. Nous recherchons 24 autrices et auteurs, des relectrices et relecteurs, ainsi qu’un illustrateur ou une illustratrice pour réaliser le thème de cette édition #24joursdeweb paris-web.fr/actualites/2024…
8
7
697
Je suis à la recherche d'un hébergement "familial" pour passer trois jours en famille sur Paris en octobre. Auriez-vous des bons plans ? Nous avons vu l'hôtel PiaPia dans le 20e mais ce n'est pas donné... Merci pour votre aide 🙏
2
75
Introducing @​bramus/style-observer, a MutationObserver for CSS. It allows you to attach JavaScript callbacks to changes in computed values of CSS properties. 🔗 bram.us/2024/08/31/introduci…
24
3
106
12,235
Xavier Zaława retweeted
The design system is not a blueprint. Systems builders: make sure to create space for consumers to challenge it, innovate, and iterate.
When it comes to systems and rules, there will *always* be exceptions. In a design system you will sometimes have to detach a component. In an 8px grid you'll sometimes need a margin that's 7px. Let the system help you, not rule you. Don't let dogma get in the way of design
1
9
866
Xavier Zaława retweeted
a div is a not a button. a div is a not a button. a div is a not a button. a div is a not a button. a div is a not a button. a div is a not a button. a div is a not a button. a div is a not a button. a div is a not a button. a div is a not a button. a div is a not a button.
516
240
135
3,831
397,841
Je ne me rappelle plus ce qui m'a poussé à écrire ce message alors que 15 jours après je m'arrêtais... Toujours à essayer de remonter la pente 🥲
Je n'y croyais presque plus mais en fait j'adore tjrs autant mon taff d'inté 🥰 Il est important de se concentrer sur les bonnes choses et oublier les devs paresseux 😉
1
92
Xavier Zaława retweeted
CSS is mind-blowing 🤯 Browser does what it can to keep the menus in view. Even when you scroll. Zero JavaScript (Aside from the Draggable part) This is the important HTML 👇 (anchor) <button id="trigger" popovertarget="menu"> <div popover="auto" id="menu" anchor="trigger">
3 lines of CSS to make your tooltips/menus stay in view 🤯 (Check it! 👇) [popover] { top: anchor(top); left: anchor(right); position-try-options: flip-block, flip-inline; } Responds to scroll, layout change, etc. Watch the nested menu 👇 Anchor Positioning is coming 🚀
19
237
13
2,435
307,618
☕️ Après une petite pause, Guillaume Moizan monte sur scène pour parler accessibilité dans nos SI/Applications. "L'accessibilité, c'est comme en patisserie : c'est pas au moment de sortir le gâteau du four, qu'il faut se demander si quelqu'un est allergique au gluten."
1
4
1
216
Xavier Zaława retweeted
Big release for @firefox and an exciting day for web developers! 🎉🎉🎉 :has() is here!!! 🎉🪩🥳
:has, text-indent: hanging, text-wrap: balance, iframe lazy loading, … @Firefox 121 is released today with lots of presents for web developers 🥳 mozilla.org/en-US/firefox/12…
1
41
5
306
22,137
Xavier Zaława retweeted
🔥 As of today, CSS :has() is now supported in every browser! This is a next-level selector that opens up a ton of new possibilities. Here are 10 hot tips for using CSS :has() Details of each below
38
555
53
2,952
299,888
Xavier Zaława retweeted
One of our favorite new features on V120 🎉
This is one of the most useful and privacy-preserving features built into @Firefox. This removes URL tracking when you click on the links. Right-click on the URL in the email and "Copy Link without site tracking."
46
259
20
1,911
103,178
Completely agree. I’ve been saying this for a while now.
The fact that this isn't supported in browsers is the only reason CSS frameworks even exist anymore.
2
55
9,166
Xavier Zaława retweeted
Blog 📝 — Tableaux de données complexes : comment les intégrer de manière accessible en #HTML ? Par @cookingmaia. Parcourir un tableaux de données complexes avec un lecteur d’écran n’est pas chose facile. Voici ce qui aide : a42.fr/tableaux-accessibles-… #a11y #accessibilité #RGAA
7
5
597
Xavier Zaława retweeted
C’est une avancée inédite, un changement majeur pour Météo France, très attendu par la communauté. Dès janvier 2024, les données de météo et climatologie (modèles, radars, stations météo) seront ouvertes en masse, en temps réel et gratuitement. #OpenData Un réel service public de la donnée Météo se met en place, au bénéfice de tous. Merci à toutes les équipes impliquées, notamment Météo France, DINUM, CGDD, ministères ! @meteofrance @_DINUM
#MeetUpGreentech 🌍 💬 "Au 1er janvier 2024, toutes les données publiques de Météo France disposeront d'une possibilité d'accès sans frais et gratuitement réutilisables" Christophe Morel, Directeur de la stratégie, @meteofrance #greentech #donneespubliques #innovationouverte
46
338
28
1,620
386,215
Xavier Zaława retweeted
#Firefox 114 affiche désormais les rôles des landmarks #ARIA (banner, navigation, main, footer) au lieu du rôle générique landmark dans le panneau d’#accessibilité. À découvrir dans la newsletter de @FirefoxDevTools de @mozilla : a42.fr/firefox-devtools #a11y #WCAG
3
4
505
Xavier Zaława retweeted
Tous les motifs de conception (DP) #ARIA auront bientôt une section dédiée à la documentation de leur support par les technologies d’assistance ! Des exemples sont déjà disponibles pour les DP liens, bouton et alerte : a42.fr/aria-dp-at a42.fr/apg-support-tables #a11y
4
3
620