@mcarrdev.bsky.social
Reposted
I’m looking for any websites (or demos) where the *favicon* for the site is an SVG. Not that the site has icons as content, but that the file linked in HTML: <link rel="shortcut icon" href="icon.svg"/> is an SVG. Especially one that’s got support for light/dark, responsive sizes, or animation. Link?
April 30, 2025 at 2:28 PM
I’m looking for any websites (or demos) where the *favicon* for the site is an SVG. Not that the site has icons as content, but that the file linked in HTML: <link rel="shortcut icon" href="icon.svg"/> is an SVG. Especially one that’s got support for light/dark, responsive sizes, or animation. Link?
Reposted
🥳 It's an exciting day! 🥳
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
April 30, 2025 at 5:47 PM
🥳 It's an exciting day! 🥳
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
Reposted
Have you ever tried to remove margins from content with `:first-child { margin-block-start: 0; } :last-child { margin-block-end: 0; }` only to feel icky, knowing the code is fragile, just waiting for the layout to break with different HTML?
Try `margin-trim` instead.
webkit.org/blog/16854/m...
Try `margin-trim` instead.
webkit.org/blog/16854/m...
Easier layout with margin-trim
If you write a lot of CSS, you are familiar with those moments when you aren’t quite sure how to accomplish what you want to accomplish.
webkit.org
May 1, 2025 at 2:35 PM
Have you ever tried to remove margins from content with `:first-child { margin-block-start: 0; } :last-child { margin-block-end: 0; }` only to feel icky, knowing the code is fragile, just waiting for the layout to break with different HTML?
Try `margin-trim` instead.
webkit.org/blog/16854/m...
Try `margin-trim` instead.
webkit.org/blog/16854/m...
Reposted
Typesetting on the Web just got more beautiful! Support for `text-wrap: pretty` has landed in Safari Technology Preview 216. @jensimmons.bsky.social's post on the WebKit blog explains how this improves typography in multiple ways: no more ragged edges, poor hyphenation, or short last lines.
I’m super excited about `text-wrap: pretty`. It does a lot more to improve typography than you might expect — at least in Safari Technology Preview 216.
It improves all lines of text, not just the last 4. It enhances hyphenation & rag, not just avoiding short last lines.
webkit.org/blog/16547/b...
It improves all lines of text, not just the last 4. It enhances hyphenation & rag, not just avoiding short last lines.
webkit.org/blog/16547/b...
Better typography with text-wrap pretty
Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to typography on the web.
webkit.org
April 8, 2025 at 3:04 PM
Typesetting on the Web just got more beautiful! Support for `text-wrap: pretty` has landed in Safari Technology Preview 216. @jensimmons.bsky.social's post on the WebKit blog explains how this improves typography in multiple ways: no more ragged edges, poor hyphenation, or short last lines.
Reposted
