css

Something I recently discovered to be possible in TiddlyWiki is using `clamp()` in the `font-size` settings. It's sweet!whtwnd.com/youronly....#CSS #TiddlyWiki #Trick #Tip #Accessibility #a11y #Wiki

TiddlyWiki Legibility Tip: fon...

So I made a thing: #russia​n-speaking visitors are now greeted with an anti-war popup on https://forgoodeyesonly.eu and https://blog.forgoodeyesonly.eu! 🇺🇦

Feel free to copy it to your own website! You can try it out without changing your browser's language on Codepen: https://codepen.io/realpixelcode/pen/RNPOmdw

And, yes, you can adjust it to be shown without JavaScript (but to all visitors then), because the popup is actually just an #HTML details element. 😎

#StandWithUkraine #Ukraine #WebDev #EthicalWebDev #CSS #CssOnly

📣 There are still early bird tickets available for my upcoming online workshop combining modern #CSS with JS accessibly, in partnership with @smashingconf https://smashingconf.com/online-workshops/workshops/stephanie-eckles-interactive-components/

🍎 Or if you happen to be going to Smashing NYC, I'll also be running it in person: https://smashingconf.com/ny-2025/workshops/stephanie-eckles-accessible-components

another #css trick, if you want to visually shorten long links, but only when they are longer than its container width (at max-width)

a {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
}

hello, pico-8-edu.com :)

#webdev #pico8

extracted some #css and #svg magic from e11e's homepage to add photocopy effect to your pages

<style>
body {
filter: url(#x);
}
svg {
display: none;
}
</style>
<svg width="0" height="0">
<filter id="x">
<feturbulence
basefrequency="1 2"></feturbulence>
<fedisplacementmap
in="SourceGraphic"
scale="2"></fedisplacementmap>
</filter>
</svg>

see also

sample page
linux mode, xerox mode
@e11e

Scroll-Driven Animations https://lobste.rs/s/zn53g8 #css #web
https://www.joshwcomeau.com/animation/scroll-driven-animations/

New #CSS recently in all browsersnerdy.dev/CSS-recently...

CSS Recently In All Browsers ·...

Compositing & Blending via @lobsters https://lobste.rs/s/yszhgw #css
https://nik.digital/posts/compositing-blending

📰 New bloggery about how I used the brand-new still-in-testing HTML-in-canvas API to do something practical for work, the pitfalls I found along the way, and whether I think it’s going to catch on. The post is a bit on the longer side but has code samples and pictures to look at, so there’s that. #HTML #CSS #DOM #JavaScript https://meyerweb.com/eric/thoughts/2026/04/27/canvas-ing-the-web/

Alternatives to the !important Keyword via @lesley https://lobste.rs/s/zybgkv #css
https://css-tricks.com/alternatives-to-the-important-keyword/

CSS Zen Garden: The Beauty of CSS Design https://lobste.rs/s/t9rqj3 #css
https://csszengarden.com/

#TIL `column-width` and `column-height` #CSS are logical properties too, instead of uh… `column-block-size` or `column-inline-size`.

readable.css https://lobste.rs/s/noahb3 #css #design #web
https://readable-css.freedomtowrite.org/

dithering with css via @aks https://lobste.rs/s/jwzowr #css #web
https://ikesau.co/blog/dithering-with-css/

Página de **Joguinhos** atualizada com jogos sobre HTML e CSS, a maioria do Alvaro Montoro.

🔗 https://www.meutedio.com/p/joguinhos.html#htmlcss

#html #css #games #jogos #jogosonline

How I'm using CSS View Transitions on this blog https://lobste.rs/s/hxjscx #css
https://blog.omgmog.net/post/how-im-using-css-view-transitions-on-this-blog/

👋 Hi, I'm looking for work!

🚀 I am...
- a detail oriented #frontend senior engineer with 15 years of experience
- proficient with #JavaScript & #TypeScript, #CSS, #Vue, TDD
- experienced with #React, Ember.js, GCP, Terraform

🔎 I'm looking for:
- a collaborative environment between eng + product & design teams
- a #Bonn based (onsite) or a Germany / EU-based (remote) company
- ability to learn and grow

🚫 no crypto, big oil, gambling, gen-ai, web3

🙇 boost appreciated!

#FediHire #GetFediHired

Getting Started with Anchor Positioning via @lobsters https://lobste.rs/s/znka50 #css
https://www.joshwcomeau.com/css/anchor-positioning/

Moving away from Tailwind, and learning to structure my CSS https://lobste.rs/s/7a6atx #css
https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/

Poetic CSS course is live for early-bird registration! Only available during July.

Thanks for your patience, we had some last-minute fixes. #css

https://courses.oddbird.net/poetic-css/

font-family recommendations via @RunxiYu https://lobste.rs/s/madoeq #css
https://chrismorgan.info/font-family

CSS: Unavoidable Bad Parts via @lesley https://lobste.rs/s/pwmlvz #css #web
https://matklad.github.io/2026/06/04/css-unavoidable-bad-parts.html

ds.css: A css framework recreating the DS / DS Lite's UI via @hugoarnal https://lobste.rs/s/loubrx #css
https://github.com/spiritov/ds.css

Spacing Prose with CSS https://lobste.rs/s/se4h2f #css
https://fantinel.dev/blog/css-prose-styling/

CSS-DOS — A computer made of CSS via @vale https://lobste.rs/s/jvvfbe #css #vibecoding #web
https://css-dos.ahmedamer.co.uk/