shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

285
active users

#css

23 posts17 participants0 posts today

Je recherche une nouvelle mission pour septembre !! 🥳

Je suis toujours expert #CSS avec plus de 20 ans d’expérience sur HTML / CSS / SVG / JavaScript et plus de 10 ans sur React. 💜

J’aurais fait une pause de presque un an dans ma carrière de développeur (mais on ne s’arrête vraiment jamais 😂) pour lancer, avec ma chérie, une salle d’escape game à Lyon ! C’était incroyable, les retours des joueurs et joueuses hyper chaleureux, mais je vais passer la main sur l’animation.

Working on my talk for Web Directions Code and...

What has tripped you up in regards to #CSS when styling for both light and shadow DOM?

What tips would you tell your younger self to help make it less confusing?

New blog post: “Fit-to-Width Discussions & Feedback”

blog.kizu.dev/fit-to-width-dis

A bit less than a year ago, I published my “Fit-to-Width Text: A New Technique” article. Since then, CSSWG resolved to start working on it, and, following this, two things happened: a discussion of its potential accessibility issues, and an intent to prototype it from Google.

I have some thoughts, feedback, and ideas about both of these, so here is a post!

blog.kizu.devFit-to-Width Discussions & Feedback
More from Roma Komarov

Earlier this month, @lolaodelola gave a talk on how web standards can unintentionally exclude users—especially those with disabilities or limited tech access.
Through examples like autoplay, frames, #WebGPU, and #CSS carousels, Lola demonstrates how assumptions in design can create barriers.

The @tag 's "Societal Impact Questionnaire" prompts spec creators to consider who might be excluded: w3ctag.github.io/societal-impa (draft note)

🎬 Watch "The Web and the Digital Divide": youtu.be/SYU4fb9sTTs

situer-le-numerique.netlify.ap

If you view this on a desktop screen, it looks kinda like a PDF viewer showing two pages at a time. If you print, however, it rearranges itself into single pages, as a printer would expect!

Also, everything is nicely laid out for print, including a table of contents with page numbers.

This was achieved using a #JavaScript polyfill for various #CSS print features, turning a regular web browser into a surprisingly good #typesetting engine.

pagedjs.org/

situer-le-numerique.netlify.appSituer le numérique, par Gauthier Roussilhe | design↔commun

#CSS "Line height units give us a direct way to tie any size in our layout to the vertical rhythm of the text. Margins are just one possibility — padding is another, gaps, width and height, or any other measurement in the layout."

webkit.org/blog/16831/line-hei

WebKit · Polishing your typography with line height unitsLearn how to use line-height units when setting paragraph margins — creating vertical rhythm in your text.