Bryan Bemis
@bryanbemis.bsky.social
Reposted by Bryan Bemis
Design tokens app update: preview styleguide for all your tokens or select to filter any group.
November 17, 2025 at 12:33 PM
Design tokens app update: preview styleguide for all your tokens or select to filter any group.
Reposted by Bryan Bemis
Have you ever wished the browser would look at a background color and pick black or white for the text — whichever one provides more contrast?
Now, the `constrast-color()` function in CSS does just that.
webkit.org/blog/16929/c...
Now, the `constrast-color()` function in CSS does just that.
webkit.org/blog/16929/c...
How to have the browser pick a contrasting color in CSS
Have you ever wished you could write simple CSS to declare a color, and then have the browser figure out whether black or white should be paired with that color?
webkit.org
May 13, 2025 at 6:28 PM
Have you ever wished the browser would look at a background color and pick black or white for the text — whichever one provides more contrast?
Now, the `constrast-color()` function in CSS does just that.
webkit.org/blog/16929/c...
Now, the `constrast-color()` function in CSS does just that.
webkit.org/blog/16929/c...
Playing with the newly released global variables in @webstudio.is
🪄 Create on the Global Root
👀 Reference on all pages and inside Slots
🪄 Create on the Global Root
👀 Reference on all pages and inside Slots
February 27, 2025 at 4:12 AM
Playing with the newly released global variables in @webstudio.is
🪄 Create on the Global Root
👀 Reference on all pages and inside Slots
🪄 Create on the Global Root
👀 Reference on all pages and inside Slots
That "2022" in a website's copyright credits? It says "zombie site." 🧟♂️
Bots to the rescue! 🤖
Let's make a dynamically updating year in @webstudio. 🧵👉
1/3
Bots to the rescue! 🤖
Let's make a dynamically updating year in @webstudio. 🧵👉
1/3
February 17, 2025 at 9:11 PM
That "2022" in a website's copyright credits? It says "zombie site." 🧟♂️
Bots to the rescue! 🤖
Let's make a dynamically updating year in @webstudio. 🧵👉
1/3
Bots to the rescue! 🤖
Let's make a dynamically updating year in @webstudio. 🧵👉
1/3
The @webstudio.is style guide starts with a dark theme 🌙.
Been there, done that? 🕶️
Start with a light theme instead 🔆:
1. Add the Craft Style Guide
2. Copy the CSS variables for the light theme
3. Select the Global Root element
4. Paste the copied CSS variables
docs.webstudio.is/university/c...
Been there, done that? 🕶️
Start with a light theme instead 🔆:
1. Add the Craft Style Guide
2. Copy the CSS variables for the light theme
3. Select the Global Root element
4. Paste the copied CSS variables
docs.webstudio.is/university/c...
January 21, 2025 at 11:29 PM
The @webstudio.is style guide starts with a dark theme 🌙.
Been there, done that? 🕶️
Start with a light theme instead 🔆:
1. Add the Craft Style Guide
2. Copy the CSS variables for the light theme
3. Select the Global Root element
4. Paste the copied CSS variables
docs.webstudio.is/university/c...
Been there, done that? 🕶️
Start with a light theme instead 🔆:
1. Add the Craft Style Guide
2. Copy the CSS variables for the light theme
3. Select the Global Root element
4. Paste the copied CSS variables
docs.webstudio.is/university/c...
Love how @webstudio.is now lets you easily edit long CSS values:
🚁 Hover to auto-scroll the value in the field
👆 Click to open a code editor dialog
🚁 Hover to auto-scroll the value in the field
👆 Click to open a code editor dialog
December 16, 2024 at 7:14 PM
Love how @webstudio.is now lets you easily edit long CSS values:
🚁 Hover to auto-scroll the value in the field
👆 Click to open a code editor dialog
🚁 Hover to auto-scroll the value in the field
👆 Click to open a code editor dialog