lesleyandreza.bsky.social
@lesleyandreza.bsky.social
Reposted by lesleyandreza.bsky.social
✍️ New Article: Use Cases for Field Sizing
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
November 1, 2025 at 6:27 AM
✍️ New Article: Use Cases for Field Sizing
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
A quick look at field-sizing and where it can be used. I hope this will land in Firefox and Safari soon. The good thing? We can use it as an enhancement.
🔗 ishadeed.com/article/fiel...
Reposted by lesleyandreza.bsky.social
Lots of folks ask me how the scroll-tracking Table of Contents works on my blog, and the answer is "IntersectionObserver and a bunch of fiddling in JS".
✨ But an upcoming CSS feature will make this way easier! @una.im explains in this wonderful blog post:
una.im/scroll-targe...
✨ But an upcoming CSS feature will make this way easier! @una.im explains in this wonderful blog post:
una.im/scroll-targe...
August 12, 2025 at 6:57 PM
Lots of folks ask me how the scroll-tracking Table of Contents works on my blog, and the answer is "IntersectionObserver and a bunch of fiddling in JS".
✨ But an upcoming CSS feature will make this way easier! @una.im explains in this wonderful blog post:
una.im/scroll-targe...
✨ But an upcoming CSS feature will make this way easier! @una.im explains in this wonderful blog post:
una.im/scroll-targe...
Reposted by lesleyandreza.bsky.social
🚨Open Source Update!
We just released a bunch of previously pro-only Tiptap extensions under the MIT license. They are now available via NPM. Contributions are very welcome.
Happy coding, and enjoy your weekend!
Team Tiptap
We just released a bunch of previously pro-only Tiptap extensions under the MIT license. They are now available via NPM. Contributions are very welcome.
Happy coding, and enjoy your weekend!
Team Tiptap
June 20, 2025 at 12:02 PM
🚨Open Source Update!
We just released a bunch of previously pro-only Tiptap extensions under the MIT license. They are now available via NPM. Contributions are very welcome.
Happy coding, and enjoy your weekend!
Team Tiptap
We just released a bunch of previously pro-only Tiptap extensions under the MIT license. They are now available via NPM. Contributions are very welcome.
Happy coding, and enjoy your weekend!
Team Tiptap
Reposted by lesleyandreza.bsky.social
Tiptap 3.0 Beta is live! It's faster, simpler, and built for dev experience. Check the docs, test it out, and let us know your thoughts:
What’s new docs:
next.tiptap.dev/docs/resourc...
GitHub:
github.com/ueberdosis/t...
Thanks to ProseMirror for their amazing open-source work!
What’s new docs:
next.tiptap.dev/docs/resourc...
GitHub:
github.com/ueberdosis/t...
Thanks to ProseMirror for their amazing open-source work!
May 5, 2025 at 3:24 PM
Tiptap 3.0 Beta is live! It's faster, simpler, and built for dev experience. Check the docs, test it out, and let us know your thoughts:
What’s new docs:
next.tiptap.dev/docs/resourc...
GitHub:
github.com/ueberdosis/t...
Thanks to ProseMirror for their amazing open-source work!
What’s new docs:
next.tiptap.dev/docs/resourc...
GitHub:
github.com/ueberdosis/t...
Thanks to ProseMirror for their amazing open-source work!
Reposted by lesleyandreza.bsky.social
I've seen and heard of bad decisions made by Google quite a lot during the last few years. This one is among those at the top of the list.
As someone else mentioned, Adam has been "the face of CSS" for me and for many others over the last few years. His energy and passion for CSS are unparalleled.
As someone else mentioned, Adam has been "the face of CSS" for me and for many others over the last few years. His energy and passion for CSS are unparalleled.
April 12, 2025 at 4:55 AM
I've seen and heard of bad decisions made by Google quite a lot during the last few years. This one is among those at the top of the list.
As someone else mentioned, Adam has been "the face of CSS" for me and for many others over the last few years. His energy and passion for CSS are unparalleled.
As someone else mentioned, Adam has been "the face of CSS" for me and for many others over the last few years. His energy and passion for CSS are unparalleled.
Reposted by lesleyandreza.bsky.social
Introducing Silk — The most advanced swipeable sheet ever engineered for the web.
Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web.
Available for React.
Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web.
Available for React.
March 25, 2025 at 10:22 AM
Introducing Silk — The most advanced swipeable sheet ever engineered for the web.
Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web.
Available for React.
Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web.
Available for React.
Reposted by lesleyandreza.bsky.social
G̶o̶o̶g̶l̶e̶r̶… ex-Googler. · April 10, 2025
My role at Google was eliminated.
nerdy.dev
April 11, 2025 at 6:05 PM
Reposted by lesleyandreza.bsky.social
3D split-flap display ✈️
November 23, 2024 at 3:42 AM
3D split-flap display ✈️
Reposted by lesleyandreza.bsky.social
Oh look! An @astro.build post on CSS-Tricks!
I love how Astro allows for multiple dynamics in the way you build a website.
Static? Sure!
Dynamic? Yeah sure!
Split between the two? Hell yeah!
Astro Actions are really handy, so I wrote a post about them 😊
I love how Astro allows for multiple dynamics in the way you build a website.
Static? Sure!
Dynamic? Yeah sure!
Split between the two? Hell yeah!
Astro Actions are really handy, so I wrote a post about them 😊
With Astro, we can generate most of our site during our build, but have a small bit of server-side code that can handle search functionality using something like Fuse.js.
@brob.dev with all the info and how-to:
css-tricks.com/powering-sea...
@brob.dev with all the info and how-to:
css-tricks.com/powering-sea...
Powering Search With Astro Actions and Fuse.js | CSS-Tricks
With Astro, we can generate most of our site during our build, but have a small bit of server-side code that can handle search functionality using something like Fuse.js. In this demo, we’ll use Fuse ...
css-tricks.com
March 11, 2025 at 5:53 PM
Oh look! An @astro.build post on CSS-Tricks!
I love how Astro allows for multiple dynamics in the way you build a website.
Static? Sure!
Dynamic? Yeah sure!
Split between the two? Hell yeah!
Astro Actions are really handy, so I wrote a post about them 😊
I love how Astro allows for multiple dynamics in the way you build a website.
Static? Sure!
Dynamic? Yeah sure!
Split between the two? Hell yeah!
Astro Actions are really handy, so I wrote a post about them 😊
Reposted by lesleyandreza.bsky.social
👀 DOM Node.moveBefore is coming?
Move a node from one tree to another
👍 Chromium: in canary, intent to ship 🆕
👍 Firefox/Gecko: positive
👍 WebKit: positive
Already in HTMX 😄
Looks like this could be useful for React too 👀
Move a node from one tree to another
👍 Chromium: in canary, intent to ship 🆕
👍 Firefox/Gecko: positive
👍 WebKit: positive
Already in HTMX 😄
Looks like this could be useful for React too 👀
November 19, 2024 at 2:18 PM
👀 DOM Node.moveBefore is coming?
Move a node from one tree to another
👍 Chromium: in canary, intent to ship 🆕
👍 Firefox/Gecko: positive
👍 WebKit: positive
Already in HTMX 😄
Looks like this could be useful for React too 👀
Move a node from one tree to another
👍 Chromium: in canary, intent to ship 🆕
👍 Firefox/Gecko: positive
👍 WebKit: positive
Already in HTMX 😄
Looks like this could be useful for React too 👀
Reposted by lesleyandreza.bsky.social
I’m not brazilian myself, but I agree with Sam that I'm Still Here is exemplary in reminding us of the need to remain vigilant against the rise of authoritarianism. Fernanda Torres definitely deserves to take home the Oscar tonight, and an award for the film would also be well deserved
I wrote about why the most important Oscar nominee is the movie about how living under authoritarian rule can feel surprisingly normal.
The Year’s Most Urgent Best Picture Contender Is the One Almost No One Has Seen
I’m Still Here has a warning—and a reason for hope.
slate.com
March 2, 2025 at 6:58 PM
I’m not brazilian myself, but I agree with Sam that I'm Still Here is exemplary in reminding us of the need to remain vigilant against the rise of authoritarianism. Fernanda Torres definitely deserves to take home the Oscar tonight, and an award for the film would also be well deserved
Reposted by lesleyandreza.bsky.social
Reposted by lesleyandreza.bsky.social
Tesla paid $0 in federal income tax last year.
2022: $0
2021: $0
2020: $0
2019: $0
2018: $0
Tesla reported $6.7 billion in profit in those years.
2022: $0
2021: $0
2020: $0
2019: $0
2018: $0
Tesla reported $6.7 billion in profit in those years.
February 8, 2025 at 10:56 PM
Tesla paid $0 in federal income tax last year.
2022: $0
2021: $0
2020: $0
2019: $0
2018: $0
Tesla reported $6.7 billion in profit in those years.
2022: $0
2021: $0
2020: $0
2019: $0
2018: $0
Tesla reported $6.7 billion in profit in those years.
Reposted by lesleyandreza.bsky.social
I love CSS 💜
February 9, 2025 at 6:14 AM
I love CSS 💜
Reposted by lesleyandreza.bsky.social
Reposted by lesleyandreza.bsky.social
New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable 🙏
February 2, 2025 at 8:31 PM
New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable 🙏
Reposted by lesleyandreza.bsky.social
Astro v5.2 is our first release of 2025!
🌬️ astro add tailwind for Tailwind v4
🔀 External redirects support
🧰 TOML frontmatter in Markdown
⚙️ And a new module 👀
Let’s dive in!
astro.build/blog/astro-5...
🌬️ astro add tailwind for Tailwind v4
🔀 External redirects support
🧰 TOML frontmatter in Markdown
⚙️ And a new module 👀
Let’s dive in!
astro.build/blog/astro-5...
Astro 5.2 | Astro
Astro 5.2 is now available! The first minor release of 2025 includes Tailwind 4 support, a new way to access config values in your pages, better trailing slash handling, and support for external redir...
astro.build
January 30, 2025 at 3:51 PM
Astro v5.2 is our first release of 2025!
🌬️ astro add tailwind for Tailwind v4
🔀 External redirects support
🧰 TOML frontmatter in Markdown
⚙️ And a new module 👀
Let’s dive in!
astro.build/blog/astro-5...
🌬️ astro add tailwind for Tailwind v4
🔀 External redirects support
🧰 TOML frontmatter in Markdown
⚙️ And a new module 👀
Let’s dive in!
astro.build/blog/astro-5...
Reposted by lesleyandreza.bsky.social
NEW VIDEO - Hands-on with the Samsung Galaxy S25 series... I swear these are the new phones, even though they look exactly like last year. Full video: youtu.be/SAb4zRyxrD4
January 22, 2025 at 6:03 PM
NEW VIDEO - Hands-on with the Samsung Galaxy S25 series... I swear these are the new phones, even though they look exactly like last year. Full video: youtu.be/SAb4zRyxrD4
Reposted by lesleyandreza.bsky.social
Reposted by lesleyandreza.bsky.social
attr() is getting an upgrade!
Starting in Chrome 133 (stable rollout happening this month), you'll be able to access attributes in CSS as typed values beyond strings.
Starting in Chrome 133 (stable rollout happening this month), you'll be able to access attributes in CSS as typed values beyond strings.
January 17, 2025 at 7:16 PM
attr() is getting an upgrade!
Starting in Chrome 133 (stable rollout happening this month), you'll be able to access attributes in CSS as typed values beyond strings.
Starting in Chrome 133 (stable rollout happening this month), you'll be able to access attributes in CSS as typed values beyond strings.
Reposted by lesleyandreza.bsky.social
Today I learned:
RegExp.escape() takes a string and replaces any characters that are potentially special characters of a regular expression with equivalent escape sequences. For example, RegExp.escape("[abc]") returns "\\[abc\\]".
Where have you been all this time??
RegExp.escape() takes a string and replaces any characters that are potentially special characters of a regular expression with equivalent escape sequences. For example, RegExp.escape("[abc]") returns "\\[abc\\]".
Where have you been all this time??
RegExp.escape() - JavaScript | MDN
The RegExp.escape() static method escapes any potential regex syntax characters in a string, and returns a new string that can be safely used as a literal pattern for the RegExp() constructor.
buff.ly
January 16, 2025 at 4:55 PM
Today I learned:
RegExp.escape() takes a string and replaces any characters that are potentially special characters of a regular expression with equivalent escape sequences. For example, RegExp.escape("[abc]") returns "\\[abc\\]".
Where have you been all this time??
RegExp.escape() takes a string and replaces any characters that are potentially special characters of a regular expression with equivalent escape sequences. For example, RegExp.escape("[abc]") returns "\\[abc\\]".
Where have you been all this time??
Reposted by lesleyandreza.bsky.social
CSS position: sticky, scroll-snap + progressively enhanced scroll animation 📜
li {
animation: bright;
animation-range: calc(50% - 1lh) calc(50% + 1lh);
animation-timeline: view();
scroll-snap-align: center;
}
@keyframes bright { 50% { opacity: 1; }}
line-height units are a gift 🎁
li {
animation: bright;
animation-range: calc(50% - 1lh) calc(50% + 1lh);
animation-timeline: view();
scroll-snap-align: center;
}
@keyframes bright { 50% { opacity: 1; }}
line-height units are a gift 🎁
December 3, 2024 at 8:15 AM
CSS position: sticky, scroll-snap + progressively enhanced scroll animation 📜
li {
animation: bright;
animation-range: calc(50% - 1lh) calc(50% + 1lh);
animation-timeline: view();
scroll-snap-align: center;
}
@keyframes bright { 50% { opacity: 1; }}
line-height units are a gift 🎁
li {
animation: bright;
animation-range: calc(50% - 1lh) calc(50% + 1lh);
animation-timeline: view();
scroll-snap-align: center;
}
@keyframes bright { 50% { opacity: 1; }}
line-height units are a gift 🎁
Reposted by lesleyandreza.bsky.social
designers: (have the skills to make beautiful buttons absolutely smothered in clear affordances)
also designers: let's make boring buttons with totally ambiguous states for like... 10 years?
also designers: let's make boring buttons with totally ambiguous states for like... 10 years?
December 30, 2024 at 7:12 PM
designers: (have the skills to make beautiful buttons absolutely smothered in clear affordances)
also designers: let's make boring buttons with totally ambiguous states for like... 10 years?
also designers: let's make boring buttons with totally ambiguous states for like... 10 years?
Reposted by lesleyandreza.bsky.social
In Electron 30, we deprecated BrowserView and replaced it with a non-experimental WebContentView. Electron maintainer @annyyang.bsky.social wrote a helpful guide on how to migrate your app to WebContentView! www.electronjs.org/blog/migrate...
Migrating from BrowserView to WebContentsView | Electron
BrowserView has been deprecated since Electron 30 and is replaced by WebContentView. Thankfully, migrating is fairly painless.
www.electronjs.org
November 22, 2024 at 10:21 PM
In Electron 30, we deprecated BrowserView and replaced it with a non-experimental WebContentView. Electron maintainer @annyyang.bsky.social wrote a helpful guide on how to migrate your app to WebContentView! www.electronjs.org/blog/migrate...
Reposted by lesleyandreza.bsky.social
I've removed the X/Twitter app from my phone today, probably permanently. I'll only check it every now and then on Web for mentions and messages, and (possibly) the rare, occasional posts.
I'm glad to see the web dev community thriving here. 💞
I'm glad to see the web dev community thriving here. 💞
December 11, 2024 at 3:57 PM
I've removed the X/Twitter app from my phone today, probably permanently. I'll only check it every now and then on Web for mentions and messages, and (possibly) the rare, occasional posts.
I'm glad to see the web dev community thriving here. 💞
I'm glad to see the web dev community thriving here. 💞