zehjotkah
@zehjotkah.bsky.social
Reposted by zehjotkah
youtu.be/2f0gXI_r5zs
New in Webstudio: Full Gradient Controls!
CSS gradients are incredibly powerful — and now you can craft them visually, directly inside Webstudio Builder.
• Linear gradients
• Radial gradients
• Conic gradients
• Blend modes
• Clip to border & text
• CSS variables inside gradi
New in Webstudio: Full Gradient Controls!
CSS gradients are incredibly powerful — and now you can craft them visually, directly inside Webstudio Builder.
• Linear gradients
• Radial gradients
• Conic gradients
• Blend modes
• Clip to border & text
• CSS variables inside gradi
A UI to leverage the power of CSS gradients
CSS gradients are quite powerful and with the UI you can create them without leaving Webstudio Builder. - Linear gradients - Radial gradients - Conic gradients - Blend mode - Clip to border and text - Use CSS variables inside of gradients Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
youtu.be
November 27, 2025 at 9:38 PM
youtu.be/2f0gXI_r5zs
New in Webstudio: Full Gradient Controls!
CSS gradients are incredibly powerful — and now you can craft them visually, directly inside Webstudio Builder.
• Linear gradients
• Radial gradients
• Conic gradients
• Blend modes
• Clip to border & text
• CSS variables inside gradi
New in Webstudio: Full Gradient Controls!
CSS gradients are incredibly powerful — and now you can craft them visually, directly inside Webstudio Builder.
• Linear gradients
• Radial gradients
• Conic gradients
• Blend modes
• Clip to border & text
• CSS variables inside gradi
Reposted by zehjotkah
Happy to announce that I’ve finally chosen a name for my design tokens app 🥁
Meet Engramma - design token management tool
- Open source
- Offline-first
- Compliant with the stable Design Tokens specification
- Styleguide preview
- Export CSS variables
Meet Engramma - design token management tool
- Open source
- Offline-first
- Compliant with the stable Design Tokens specification
- Styleguide preview
- Export CSS variables
November 26, 2025 at 2:37 PM
Happy to announce that I’ve finally chosen a name for my design tokens app 🥁
Meet Engramma - design token management tool
- Open source
- Offline-first
- Compliant with the stable Design Tokens specification
- Styleguide preview
- Export CSS variables
Meet Engramma - design token management tool
- Open source
- Offline-first
- Compliant with the stable Design Tokens specification
- Styleguide preview
- Export CSS variables
Reposted by zehjotkah
Token aliasing is essential to build 3-tier design tokens system. My app now supports token aliasing too.
November 21, 2025 at 9:33 PM
Token aliasing is essential to build 3-tier design tokens system. My app now supports token aliasing too.
Reposted by zehjotkah
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 zehjotkah
Design Token app is coming together. All tokens now have somewhat usable value editors, and the prototype is nearly complete. Watch a quick tour.
November 16, 2025 at 11:33 AM
Design Token app is coming together. All tokens now have somewhat usable value editors, and the prototype is nearly complete. Watch a quick tour.
Reposted by zehjotkah
Sneak peak of my design tokens app
November 8, 2025 at 8:47 PM
Sneak peak of my design tokens app
Reposted by zehjotkah
Looking for a remote full-time or contract job. Let me know if you have a frontend or fullstack role in startup or a small company. Can do web apps, build tools, visual editors.
November 7, 2025 at 9:18 AM
Looking for a remote full-time or contract job. Let me know if you have a frontend or fullstack role in startup or a small company. Can do web apps, build tools, visual editors.
Reposted by zehjotkah
2025 is the year we finally render the current date correctly. Apparently, it’s been an unsolved problem since 1988, when ISO 8601 was first published.
🔁 Auto-updating
🗄️ Server-rendered — no flash of wrong/empty dates
🕒 Semantic HTML using
🔁 Auto-updating
🗄️ Server-rendered — no flash of wrong/empty dates
🕒 Semantic HTML using
Render a semantic, server-side, auto-updating current date
Rendering an automatically updating current date — for something as simple as a copyright notice in the footer — seems to be a problem static site builders have been struggling with since 1988. Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
youtu.be
November 4, 2025 at 12:05 PM
2025 is the year we finally render the current date correctly. Apparently, it’s been an unsolved problem since 1988, when ISO 8601 was first published.
🔁 Auto-updating
🗄️ Server-rendered — no flash of wrong/empty dates
🕒 Semantic HTML using
🔁 Auto-updating
🗄️ Server-rendered — no flash of wrong/empty dates
🕒 Semantic HTML using
Reposted by zehjotkah
Have you ever struggled to create a filter form for directories without a submit button — where every checkbox or input instantly updates the results?
We’ve updated the @baserow example in the marketplace to include a form with auto-submission.
We’ve updated the @baserow example in the marketplace to include a form with auto-submission.
November 3, 2025 at 2:23 PM
Have you ever struggled to create a filter form for directories without a submit button — where every checkbox or input instantly updates the results?
We’ve updated the @baserow example in the marketplace to include a form with auto-submission.
We’ve updated the @baserow example in the marketplace to include a form with auto-submission.
Reposted by zehjotkah
1. In your copyright text, include a placeholder for the year. Anything will do.
2. Wrap the year placeholder in a span.
3. Give the span an ID (e.g., 𝚢𝚎𝚊𝚛) so we can target it with a script... 👉
2/3
2. Wrap the year placeholder in a span.
3. Give the span an ID (e.g., 𝚢𝚎𝚊𝚛) so we can target it with a script... 👉
2/3
February 17, 2025 at 9:11 PM
1. In your copyright text, include a placeholder for the year. Anything will do.
2. Wrap the year placeholder in a span.
3. Give the span an ID (e.g., 𝚢𝚎𝚊𝚛) so we can target it with a script... 👉
2/3
2. Wrap the year placeholder in a span.
3. Give the span an ID (e.g., 𝚢𝚎𝚊𝚛) so we can target it with a script... 👉
2/3
Reposted by zehjotkah
Simpler yet, use the getElementById() method in the script to target the placeholder.
February 26, 2025 at 11:58 PM
Simpler yet, use the getElementById() method in the script to target the placeholder.
String & Array Operators in Webstudio Expression Editor
YouTube video by ELECOS - Ihre Boutique-Agentur
youtu.be
October 23, 2025 at 8:33 PM
Reposted by zehjotkah
New in the Expression Editor docs.webstudio.is/university/f...:
You can now use safe JavaScript Array and String methods!
Search, manipulate, and compare data from your variables or APIs — all directly inside your expressions.
You can now use safe JavaScript Array and String methods!
Search, manipulate, and compare data from your variables or APIs — all directly inside your expressions.
October 20, 2025 at 12:52 PM
New in the Expression Editor docs.webstudio.is/university/f...:
You can now use safe JavaScript Array and String methods!
Search, manipulate, and compare data from your variables or APIs — all directly inside your expressions.
You can now use safe JavaScript Array and String methods!
Search, manipulate, and compare data from your variables or APIs — all directly inside your expressions.
Reposted by zehjotkah
Fetching data in Webstudio just got 3× better, thanks to all the feedback from the community. 🙏
1. You can create bindings for each search parameter
This means you can pass data from other variables as search parameters — including JSON values.
2. You can define Cache Max Age
This means your
1. You can create bindings for each search parameter
This means you can pass data from other variables as search parameters — including JSON values.
2. You can define Cache Max Age
This means your
September 8, 2025 at 1:27 PM
Fetching data in Webstudio just got 3× better, thanks to all the feedback from the community. 🙏
1. You can create bindings for each search parameter
This means you can pass data from other variables as search parameters — including JSON values.
2. You can define Cache Max Age
This means your
1. You can create bindings for each search parameter
This means you can pass data from other variables as search parameters — including JSON values.
2. You can define Cache Max Age
This means your
Reposted by zehjotkah
2. You can define Cache Max Age
This means your API response will be cached at the edge, making your site faster, reducing API workload, and potentially lowering costs.
This means your API response will be cached at the edge, making your site faster, reducing API workload, and potentially lowering costs.
September 8, 2025 at 2:17 PM
2. You can define Cache Max Age
This means your API response will be cached at the edge, making your site faster, reducing API workload, and potentially lowering costs.
This means your API response will be cached at the edge, making your site faster, reducing API workload, and potentially lowering costs.
Reposted by zehjotkah
A discussion on the future roadmap of Webstudio is happening on Reddit. Please add your comments or simply upvote things you want to see happen!
www.reddit.com/r/webstudio/...
www.reddit.com/r/webstudio/...
September 1, 2025 at 8:32 AM
A discussion on the future roadmap of Webstudio is happening on Reddit. Please add your comments or simply upvote things you want to see happen!
www.reddit.com/r/webstudio/...
www.reddit.com/r/webstudio/...
Reposted by zehjotkah
Announcing “Where is this image used?” 🙃
Ever wanted to delete or update an image but had to visit every page to find where it’s used?
Now you can see a complete list of everywhere each asset appears.
Ever wanted to delete or update an image but had to visit every page to find where it’s used?
Now you can see a complete list of everywhere each asset appears.
August 12, 2025 at 4:49 PM
Announcing “Where is this image used?” 🙃
Ever wanted to delete or update an image but had to visit every page to find where it’s used?
Now you can see a complete list of everywhere each asset appears.
Ever wanted to delete or update an image but had to visit every page to find where it’s used?
Now you can see a complete list of everywhere each asset appears.
Reposted by zehjotkah
Announcing image descriptions!
If you:
1. Add an asset
2. Describe what’s in the image
then every image that uses the asset will automatically include an alt attribute, so people using screen readers get the context.
A huge win for accessibility!
If you:
1. Add an asset
2. Describe what’s in the image
then every image that uses the asset will automatically include an alt attribute, so people using screen readers get the context.
A huge win for accessibility!
August 12, 2025 at 4:34 PM
Announcing image descriptions!
If you:
1. Add an asset
2. Describe what’s in the image
then every image that uses the asset will automatically include an alt attribute, so people using screen readers get the context.
A huge win for accessibility!
If you:
1. Add an asset
2. Describe what’s in the image
then every image that uses the asset will automatically include an alt attribute, so people using screen readers get the context.
A huge win for accessibility!
Reposted by zehjotkah
Announcing "asset renaming"!
It’s like MacOS Finder - just for renaming images.
Don’t like a name? Change the name!
It’s like MacOS Finder - just for renaming images.
Don’t like a name? Change the name!
August 12, 2025 at 3:40 PM
Announcing "asset renaming"!
It’s like MacOS Finder - just for renaming images.
Don’t like a name? Change the name!
It’s like MacOS Finder - just for renaming images.
Don’t like a name? Change the name!
Reposted by zehjotkah
Announcing "Black Dot" ⚫
It’s like a black hole - but for cleaning up unused assets.
See a dot on an image? That image is unused.
1. Click it
2. Delete the image
3. Enjoy
It’s like a black hole - but for cleaning up unused assets.
See a dot on an image? That image is unused.
1. Click it
2. Delete the image
3. Enjoy
August 12, 2025 at 3:12 PM
Announcing "Black Dot" ⚫
It’s like a black hole - but for cleaning up unused assets.
See a dot on an image? That image is unused.
1. Click it
2. Delete the image
3. Enjoy
It’s like a black hole - but for cleaning up unused assets.
See a dot on an image? That image is unused.
1. Click it
2. Delete the image
3. Enjoy
Reposted by zehjotkah
Great news! You can now self-host sites featuring scroll-driven animations powered by the Webstudio Animation Engine.
webstudio.is/scroll-drive...
webstudio.is/scroll-drive...
August 4, 2025 at 2:26 PM
Great news! You can now self-host sites featuring scroll-driven animations powered by the Webstudio Animation Engine.
webstudio.is/scroll-drive...
webstudio.is/scroll-drive...
Reposted by zehjotkah
Announcing native SVG support in Webstudio: now every SVG element can be edited visually. 🚀
July 21, 2025 at 4:32 PM
Announcing native SVG support in Webstudio: now every SVG element can be edited visually. 🚀
Reposted by zehjotkah
sneak peek — a Chrome extension is in the works to make styling in @webstudio.is easy
June 24, 2025 at 12:13 PM
sneak peek — a Chrome extension is in the works to make styling in @webstudio.is easy
Reposted by zehjotkah
working on a small, free utility for @webstudio.is — this could potentially boost productivity
June 16, 2025 at 12:49 PM
working on a small, free utility for @webstudio.is — this could potentially boost productivity
Reposted by zehjotkah
I've added several layouts to the Onx Library collection for
@webstudio.is You can now also preview layouts ...
240+ layouts and counting
@webstudio.is You can now also preview layouts ...
240+ layouts and counting
June 12, 2025 at 10:17 PM
I've added several layouts to the Onx Library collection for
@webstudio.is You can now also preview layouts ...
240+ layouts and counting
@webstudio.is You can now also preview layouts ...
240+ layouts and counting