In a Windows contrast theme, a button styled only by background-color blends into the page.

Add this to your button class:
border: 1px solid transparent;

It's invisible in normal colours. Forced colours replace every border colour with a system colour, and transparent counts.

#a11y #CSS

bootstrapのサイトがbootstrap 6 アルファ版に変わってる! ベータでもなく、これから破壊的変更も入るかもしれないアルファ版をリリース版みたいに扱ってて大丈夫か? #css #bootstrap

Bootstrap · The most popular HTML, CSS, and JS library in the world.: https://getbootstrap.com/

My Interop 2027 Rankings, by @[email protected]:

https://meyerweb.com/eric/thoughts/2026/10/14/my-interop-2027-rankings/?ref=frontenddogma.com

#webplatform #interoperability #javascript #css #html

One more example of using CSS only custom elements, but for accessibility.

#html #css #WebComponents #DesignSystems
dev.to/stuffbreaker...

#CSS Does Your Tooltip Positioning Now — Matt takes a look at CSS Anchor Positioning, namely anchor-name and position-anchor || #Frontend #CodeNewbie #WebDev bit.ly/4jUT3jh

A relire : Créer une arborescence en CSS uniquement

https://blog.shevarezo.fr/post/2023/01/10/creer-arborescence-css-uniquement

#html #css #webdev #devweb

Iframes that finally fit their content. Ahmad Alfy explains frame-sizing: content-height, the <meta> opt-in, and window.requestResize(). Chromium-only for now. #html #css

alfy.blog/2026/10/09...

Фреймы, которые наконец подстраиваются под контент. Ахмад Альфи рассказывает о frame-sizing: content-height, разрешении через <meta> и window.requestResize(). Пока только в Chromium. #html #css

alfy.blog/2026/10/09...

〰️ Wavy Progress Bar 〰️

Mapping a custom property to `shape()` using a custom function. All in #CSS!!! 🤯

Single div, using background gradients, and animation on the background position.

🔗 Live demo on @codepen.io: codepen.io/editor/amit_...

Anyone want to join an API naming discussion? matchContainer() confused me the first time I saw it (it makes more sense now), and a Chromium reviewer had the same reaction. Ideas welcome!

github.com/w3c/csswg-dr...

#css #csswg

Cool css trick I don't remember if I got from somewhere else,
css
background-position: round(to-zero,50%,1px) top;
#css

React Ariaのスワイプ操作で閉じられるSheetコンポーネントの実装について。
CSS Scroll Snapと`view-timeline`を使い、JavaScriptでタッチイベントを処理せずにスワイプ操作と連動したアニメーションを実現する。
途中の位置で停止するスナップポイント、シートの重ね合… "Scrolling is All You Need: Building a Swipeable Sheet | React Aria" https://react-aria.adobe.com/blog/sheet #React #css #UI #animation #article

#Development #Launches
Accessible Components Library · Components with code, guidance, and test scenarios ilo.im/16gzq6 by TetraLogical

_____
#Collections #OpenSource #Components #Accessibility #WCAG #WebDev #Frontend #HTML #CSS #JavaScript

Shout out to @donnie.damato.design for this!
typography.damato.design

#typography #CSS

🏆 October 14th CSS-Dodos Top 1

1 cheddy - X/6

css-questions.com/css-dodos

#css #cssdodos #cssquestions

Apply CSS filters at the container level to adjust an entire UI region with one rule. A practical approach for grayscale, brightness, blur, and visual state effects without changing each child element. #CSS

https://www.isaacl.dev/hb5

Director of AI Content Systems, Marketing — Time Doctor
Anywhere

https://hiring.lat/job/director-of-ai-content-systems-marketing-time-doctor/337481

#python #css #html

Senior Visual Designer - Advertising — truelogic
Brazil

https://hiring.lat/job/senior-visual-designer-advertising-truelogic/337786

#collaboration #attentiontodetail #css

Senior Visual Designer - Advertising — truelogic
Dominican Republic

https://hiring.lat/job/senior-visual-designer-advertising-truelogic/337790

#collaboration #attentiontodetail #css