zehjotkah
@zehjotkah.bsky.social
Reposted by zehjotkah
Big update for assets 📂✨
✅ More file types supported (PDF, ZIP, short videos & more)
✅ New filters & sorting in the asset panel
✅ Share files via a simple download link
✅ More file types supported (PDF, ZIP, short videos & more)
✅ New filters & sorting in the asset panel
✅ Share files via a simple download link
December 24, 2025 at 6:04 PM
Big update for assets 📂✨
✅ More file types supported (PDF, ZIP, short videos & more)
✅ New filters & sorting in the asset panel
✅ Share files via a simple download link
✅ More file types supported (PDF, ZIP, short videos & more)
✅ New filters & sorting in the asset panel
✅ Share files via a simple download link
Reposted by zehjotkah
Right-click lovers, rejoice 🎉
We’ve added context menus everywhere — Navigator, Pages, and even the Canvas.
We’ve added context menus everywhere — Navigator, Pages, and even the Canvas.
December 15, 2025 at 4:39 PM
Right-click lovers, rejoice 🎉
We’ve added context menus everywhere — Navigator, Pages, and even the Canvas.
We’ve added context menus everywhere — Navigator, Pages, and even the Canvas.
I added SPA support and dependsOn feature to Klaro Cookie Consent Manager: github.com/zehjotkah/kl...
GitHub - zehjotkah/klaro: Klaro Privacy Manager. An open-source, privacy-friendly & compliant consent manager for your website.
Klaro Privacy Manager. An open-source, privacy-friendly & compliant consent manager for your website. - zehjotkah/klaro
github.com
December 13, 2025 at 2:45 PM
I added SPA support and dependsOn feature to Klaro Cookie Consent Manager: github.com/zehjotkah/kl...
Reposted by zehjotkah
Navigator and Assets sidebar feeling too tight?
We've just rolled out a fix - enjoy the extra space! 🚀
Oh, and btw… Cyber Week ends today webstudio.is/cyber-week
We've just rolled out a fix - enjoy the extra space! 🚀
Oh, and btw… Cyber Week ends today webstudio.is/cyber-week
December 12, 2025 at 3:37 PM
Navigator and Assets sidebar feeling too tight?
We've just rolled out a fix - enjoy the extra space! 🚀
Oh, and btw… Cyber Week ends today webstudio.is/cyber-week
We've just rolled out a fix - enjoy the extra space! 🚀
Oh, and btw… Cyber Week ends today webstudio.is/cyber-week
Reposted by zehjotkah
Tokens and variables management has now become easy with the updated Search & Commands panel 🚀
• Find any variable or token
• See where it’s used, delete all unused
• Rename or delete with one command
• Search + rename CSS variables across style panel and HTML embeds
• Find any variable or token
• See where it’s used, delete all unused
• Rename or delete with one command
• Search + rename CSS variables across style panel and HTML embeds
Managing CSS variables, data variables and tokens
Using the Search & Commands panel, you can: * find any variable or token * see where they are defined or used * delete all unused variables or tokens * rename or delete individual variables or tokens * search for CSS variables, including inside HTML embeds * rename CSS variables, with changes automatically applied inside HTML embeds Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
youtu.be
December 9, 2025 at 12:20 AM
Tokens and variables management has now become easy with the updated Search & Commands panel 🚀
• Find any variable or token
• See where it’s used, delete all unused
• Rename or delete with one command
• Search + rename CSS variables across style panel and HTML embeds
• Find any variable or token
• See where it’s used, delete all unused
• Rename or delete with one command
• Search + rename CSS variables across style panel and HTML embeds
Reposted by zehjotkah
You can now find all shortcuts by hitting "shift+?" in the Builder
December 9, 2025 at 11:48 PM
You can now find all shortcuts by hitting "shift+?" in the Builder
Reposted by zehjotkah
We’ve added 3 new options to the animation engine: Duration, Delay, and Iterations.
With these, you can now create infinite animations like marquee and build time-based sequential animations.
With these, you can now create infinite animations like marquee and build time-based sequential animations.
December 10, 2025 at 12:23 PM
We’ve added 3 new options to the animation engine: Duration, Delay, and Iterations.
With these, you can now create infinite animations like marquee and build time-based sequential animations.
With these, you can now create infinite animations like marquee and build time-based sequential animations.
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!