Bogdan

Well done!

YouTube video by Team Cherry Hollow Knight: Silksong - Release Trailer

😮 Hollow Knight: Silksong finally has a release date, and it’s September 4th! It comes out in two weeks.

Excited for this. The original Hollow Knight is one of my favourite games. ❤️

Finally! Loved the original game.

We had a bug report in Webstudio. The guy couldn't save his SVG. Well, we figured it was 1MB svg with embedded png as base64. And our sync engines just did not let it through because of memory limits.

The restriction actually makes sense even in 2025. If you put huge scripts on the page it will load forever on mobile networks. Moreover, google will give such website lower score and put it down in search results.

Is it some svg stuff? How big is this file?

What do you use it for?

Yes, I mean descendant selector here. So heading could work as section label.

Like this

<div>
<label for="sibling(input)"></label>
<input>
</div>

<div data-app>
<button commandfor="closest([data-app])"></button>
</div>

<section aria-labelledby="query(.title)">
<h2 class="title"></h2>
</section>

<button popovertarget="next-sibling"></button>
<div popover></div>

I would love this! I'll have to figure out a way to reduce maintenance cost of these ids in visual builder like webstudio when we add invokers. Having something builtin would help a lot.

I'll read them later (probably)

Exactly!

Announcing "asset renaming"!
It’s like MacOS Finder - just for renaming images.

Don’t like a name? Change the name!

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

Idea for an AI startup?

Casing issue?

I'll go try some wine

Add paragraph to hgroup children in indices table by TrySound · Pull Request #11524 · whatwg/html According to this PR hgroup can have paragraphs as children for subtitles. At Webstudio we use this table to build content model rules to follow HTML semantics and guide users. /indices.html ( d...

Did my first small contribution to HTML specification. Added <p> to the list of allowed children in <hgroup> at indices table.

github.com/whatwg/html/...

Touched the beauty 😀

Add paragraph to hgroup children in indices table by TrySound · Pull Request #11524 · whatwg/html According to this PR hgroup can have paragraphs as children for subtitles. At Webstudio we use this table to build content model rules to follow HTML semantics and guide users. /indices.html ( d...

Did my first small contribution to HTML specification. Added <p> to the list of allowed children in <hgroup> at indices table.

github.com/whatwg/html/...

Touched the beauty 😀

Hibernation mode

Screenshot of 253h I spent in cyberpunk 2077

Totally unplayable

Wow, it can solve scroll overflow issues with display:grid;min-height:100%; on our websites

Sad it was not supported even with prefix for height. Already have using stretch for width where it can be fully polyfilled.

Great news! You can now self-host sites featuring scroll-driven animations powered by the Webstudio Animation Engine.

webstudio.is/scroll-drive...

Example of code we used to fix blank route issue. Here removed route "config"

Every half year of so we fix weird bugs related to vercel deployment. This time I removed a few routes and builder started rendering blank page with 200 status. No errors, nothing. Turns out a hack (official documented api) we used to reduce huge vercel function size was the cause.

👋

Huge thanks to the Webflow and Webstudio communities for all the love on Reddit lately - we really appreciate each mention! 🌟

Seeing Webstudio named as the #1 alternative to Webflow is incredible, and we’re honored. Let’s keep supporting one another and our favorite tools ❤️

Example of styling links with HTML Embed component in webstudio

Use HTML Embed component to render any html code

Introducing a yearly Pro plan: webstudio.is/pricing

- Save 25%
- Unlimited sites with custom domains
- 100,000 page views

🤗

It's really not. Now you do

theThing.addEventListener('command', () => { ... })

<button commandfor="the-thing" command="--do-it">
click me
</button>