just discovered that my website breaks really badly when i change font size in browser settings (rem).
@stepan.f.cz.ap.brid.gy
@frontenddogma.comDesigning Accessible Keyboard Focus States With CSS, by @[email protected]:
https://hackernoon.com/designing-accessible-keyboard-focus-states-with-css?ref=frontenddogma.com
@nadyavoynich.comJust hypnotised by this cute web crawler
@stepan.f.cz.ap.brid.gyI've been trying to achieve this effect without #JavaScript , but sadly it seems impossible with just #CSS :((
https://abouolia.github.io/sticky-sidebar/#scrollable-sticky-element
(it's a sticky sidebar bigger than viewport height which scrolls up/down when scrolling the page. the linked site […]
@lionel-peramo.comComponent styles break easily in large projects.
The shadow DOM solves this natively.
It encapsulates HTML and CSS inside a component.
It creates an isolated DOM tree attached to a host element.
Global styles cannot enter or break this tree.
1/3
@stuffbreaker.bsky.socialOkay, here's some more fun with CSS-only custom elements - layout components!
@alvaromontoro.com10 Cool CodePen Demos - September 2026
alvaromontoro.com/10-cool-code...
In this edition: CSS art, groovy animations, textures and text, menus, charts and pie charts (and doughnuts), LEDs... and more!
@shevabam.bsky.socialA relire : Utilisez https://scrollbar.app/ pour styliser vos scrollbars en CSS !
@pablolarah.bsky.social🧠 Controlling when CSS custom property values are computed
by @jakearchibald.com
When and how CSS custom property values are calculated might not be what you expect, and it has a big impact on your styles.
#css #webdev #CustomPropertyValues
@pablolarah.bsky.social🟡The Index #200
by @piccalil.li
Multiple-column #layout, rows, rules, and floats
#CSS isn’t opinionated enough
Controlling when CSS #customproperty
CSS #scrolltriggered #animations
Detect #Overlap with CSS
Guide to modern CSS #colours
#webdev
piccalil.li/the-index/200/
@kayadelen.bsky.socialCSS errors now say what is wrong. Where it used to print "CSS syntax error", it now prints e.g. "invalid selector '. h-10, . y-10' at '.'" or "'{' is never closed", with line and column. A reader asked for it on Reddit.
@inautilo.bsky.social#Development #Releases
New to the web platform (September 2026) · CSS progress() and alpha() functions, scroll anchoring, and more ilo.im/16go0m by Rachel Andrew
_____
#Browser #Chrome #Firefox #Safari #WebPlatform #WebDev #Frontend #HTML #CSS #JavaScript
@webinale.bsky.social💬 Less JavaScript, more native web
At #webinale, part of #AgenticWebWeek Munich, @martine.dev shows you how to build:
✨ popovers & dialogs
📍 positioned tooltips
⚡ modern UI with less JS
📅 Thursday, October 29, 2026 | 🕘 09:00 - 09:45 | 📍 Munich
@meiert.comUpdated web page minifier benchmarks:
@faunder.fiFaunder UI’s dialog example uses HTML’s native `<dialog>` element. The library adds the visual styling, while the markup stays familiar. I like that the dialog feels part of the same interface without hiding what it is under the hood. ui.faunder.fi #CSS
@stylelib.org
@villapirorum.indieweb.social.ap.brid.gy
@nileshprajapati.com
@yellowduck.be