zehjotkah
@zehjotkah.bsky.social
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
Reposted by zehjotkah
Introducing “Element” - this smart new component improves the UX while giving you the ability to use any HTML tag and attribute.
- Tag auto-detection
- Tag-aware attributes and states
- Paste any HTML from anywhere
- Quick access via commands
webstudio.is/blog/the-new...
- Tag auto-detection
- Tag-aware attributes and states
- Paste any HTML from anywhere
- Quick access via commands
webstudio.is/blog/the-new...
The new component to render any HTML Element
At the heart of every web experience lies HTML, the internet’s foundational language. With direct HTML access, a website builder can ensure that visually designed pages remain semantically sound for SEO and assistive technologies.
webstudio.is
June 10, 2025 at 12:15 PM
Introducing “Element” - this smart new component improves the UX while giving you the ability to use any HTML tag and attribute.
- Tag auto-detection
- Tag-aware attributes and states
- Paste any HTML from anywhere
- Quick access via commands
webstudio.is/blog/the-new...
- Tag auto-detection
- Tag-aware attributes and states
- Paste any HTML from anywhere
- Quick access via commands
webstudio.is/blog/the-new...
Reposted by zehjotkah
We're incredibly proud to receive such a huge shout-out from the #GoogleIO stage for our work on scroll-driven animations!
@una.im ❤️🙏
youtube.com/watch?v=XASR...
@una.im ❤️🙏
youtube.com/watch?v=XASR...
Web Stage - Day 2 (Google I/O 2025)
*Session 1: What's new in web UI (10:00 AM - 11:00 AM, PT)* Prepare to be dazzled by a symphony of fluidity, dynamism, and expressive power as we unveil the next generation of web UI. It’s a world where user experiences transcend the ordinary and developers become true visual orchestrators. Discover how you can turn 7,000 lines of JavaScript into a mere 7 lines of declarative HTML and CSS, unlocking unprecedented levels of efficiency and elegance. Speakers: Una Kravets *Session 2: What's new in Angular (11:00 AM - 12:00 PM, PT)* Now is the best time to be a developer building for the web with Angular. Learn about the latest updates in Angular and how they’ll help you build the next generation of fast web applications with confidence. Speakers: Devin Chasanoff, Mark Thompson Check out the web session track from Google I/O 2025 → https://goo.gle/io25-web-yt Check out all sessions from...
youtube.com
May 21, 2025 at 9:56 PM
We're incredibly proud to receive such a huge shout-out from the #GoogleIO stage for our work on scroll-driven animations!
@una.im ❤️🙏
youtube.com/watch?v=XASR...
@una.im ❤️🙏
youtube.com/watch?v=XASR...
Reposted by zehjotkah
See some of these animations in action here: webstudio.is/scroll-drive...
Watch the 101 playlist that guides you through scroll-driven animations: wstd.us/animations
Watch the 101 playlist that guides you through scroll-driven animations: wstd.us/animations
Silky-Smooth Scroll-Driven Web Animations
Webstudio is the first builder to leverage the latest Web Animations API with native Scroll Timeline.
webstudio.is
April 22, 2025 at 9:02 AM
See some of these animations in action here: webstudio.is/scroll-drive...
Watch the 101 playlist that guides you through scroll-driven animations: wstd.us/animations
Watch the 101 playlist that guides you through scroll-driven animations: wstd.us/animations