CSS Hyphens, Words, Syllables, and Languages
Frank M Taylor on the importance of correctly identifying the language in your HTML if you want to use CSS hyphens. - https://blog.frankmtaylor.com/2025/07/17/css-hyphens-words-syllables-and-languages
#css
Frank M Taylor on the importance of correctly identifying the language in your HTML if you want to use CSS hyphens. - https://blog.frankmtaylor.com/2025/07/17/css-hyphens-words-syllables-and-languages
#css
Frank M Taylor
CSS Hyphens, Words, Syllables, and Languages
There's a newish CSS feature called hyphens that specifies how you want words to be hyphenated when the text wraps. But if you use it, you're going to need to make sure you're also correctly identifying the language. And to understand why that matters, we…
❤1👍1
A Handy Use of Subgrid To Enhance a Simple Layout
Andy Bell shows how CSS subgrid can help you maintain a nice reading line in your layouts. - https://piccalil.li/blog/a-handy-use-of-subgrid-to-enhance-a-simple-layout
#css
Andy Bell shows how CSS subgrid can help you maintain a nice reading line in your layouts. - https://piccalil.li/blog/a-handy-use-of-subgrid-to-enhance-a-simple-layout
#css
Piccalilli
A handy use of subgrid to enhance a simple layout
subgrid in CSS is really handy for getting a nice level of design detail in place, especially in terms of maintaining a nice reading line, as Andy shows in this article.
❤1👍1
So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation
Saron Yitbarek explains everything you need to know about animation-ranges in scroll-driven animations. - https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation
#css
Saron Yitbarek explains everything you need to know about animation-ranges in scroll-driven animations. - https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation
#css
WebKit
So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation
Background If you’re new to scroll-driven animations, welcome!
👍3
Responsive Video Is (Almost) Easy Now
Koos Looijesteijn explains how you can serve high-quality, vertical, and horizontal video variants, breaking free from platforms like YouTube. - https://www.kooslooijesteijn.net/blog/responsive-video-easy
#css
Koos Looijesteijn explains how you can serve high-quality, vertical, and horizontal video variants, breaking free from platforms like YouTube. - https://www.kooslooijesteijn.net/blog/responsive-video-easy
#css
www.kooslooijesteijn.net
Responsive video is (almost) easy now | Koos Looijesteijn
How to serve high-quality, vertical and horizontal video variants and break free from platforms like YouTube
👍2
Public CSS Custom Properties in the Shadow DOM
Michael Warren created an in-depth guide to using public CSS Custom properties to configure web components externally. - https://michaelwarren.dev/blog/css-variables-in-wc
#css
Michael Warren created an in-depth guide to using public CSS Custom properties to configure web components externally. - https://michaelwarren.dev/blog/css-variables-in-wc
#css
michaelwarren.dev
Public CSS Custom Properties in the Shadow DOM
The definitive guide to using public CSS Custom properties to configure web components externally. Surely no one will ever write about this topic again.
👍1
CSS Hyphens, Words, Syllables, and Languages
Frank M Taylor on the importance of correctly identifying the language in your HTML if you want to use CSS hyphens. - https://blog.frankmtaylor.com/2025/07/17/css-hyphens-words-syllables-and-languages
#css
Frank M Taylor on the importance of correctly identifying the language in your HTML if you want to use CSS hyphens. - https://blog.frankmtaylor.com/2025/07/17/css-hyphens-words-syllables-and-languages
#css
Frank M Taylor
CSS Hyphens, Words, Syllables, and Languages
There's a newish CSS feature called hyphens that specifies how you want words to be hyphenated when the text wraps. But if you use it, you're going to need to make sure you're also correctly identifying the language. And to understand why that matters, we…
👍1
A Handy Use of Subgrid To Enhance a Simple Layout
Andy Bell shows how CSS subgrid can help you maintain a nice reading line in your layouts. - https://piccalil.li/blog/a-handy-use-of-subgrid-to-enhance-a-simple-layout
#css
Andy Bell shows how CSS subgrid can help you maintain a nice reading line in your layouts. - https://piccalil.li/blog/a-handy-use-of-subgrid-to-enhance-a-simple-layout
#css
Piccalilli
A handy use of subgrid to enhance a simple layout
subgrid in CSS is really handy for getting a nice level of design detail in place, especially in terms of maintaining a nice reading line, as Andy shows in this article.
👍1
So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation
Saron Yitbarek explains everything you need to know about animation-ranges in scroll-driven animations. - https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation
#css
Saron Yitbarek explains everything you need to know about animation-ranges in scroll-driven animations. - https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation
#css
WebKit
So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation
Background If you’re new to scroll-driven animations, welcome!
👍1
Impact of AI on Tech Content Creators
Chris Coyier shares some thoughts on how AI might impact content creators. - https://chriscoyier.net/2025/07/23/impact-of-ai-on-tech-content-creators
#css
Chris Coyier shares some thoughts on how AI might impact content creators. - https://chriscoyier.net/2025/07/23/impact-of-ai-on-tech-content-creators
#css
Chris Coyier
Impact of AI on Tech Content Creators
Wes on Syntax: I write content. That content is consumed by people. But a lot of it has been used to train AIs for people to get a very quick answer. You can see the amount of bots visiting website…
👍1
Creating a Scroll-Spy With 2 Lines of CSS
Una Kravets explains how scroll-target-group lets you create a scroll-spy table of contents with basically two lines of CSS. - https://una.im/scroll-target-group
#css
Una Kravets explains how scroll-target-group lets you create a scroll-spy table of contents with basically two lines of CSS. - https://una.im/scroll-target-group
#css
Una.im
Creating a scroll-spy with 2 lines of CSS
scroll-target-group is a new CSS feature that lets you create scroll-spy table of contents with basically 2 lines of CSS.
👍2