Oleg
@oleg.id
๐ค 201
๐ฅ 18
๐ 12
Founder
@webstudio.is
, NoCode, CSS, TypeScript,React, Ex eng @tesla, @webflow
reposted by
Oleg
Webstudio
about 2 months ago
Today weโre finally unveiling Inception - a creative AI tool that lets you experiment with design ideas backed by production-grade code. Where should we take this tool next? Letโs discuss it on Product Hunt:
producthunt.com/products/web...
loading . . .
1
1
4
reposted by
Oleg
Una Kravets
2 months ago
I've been using a "follow-the-leader" pattern with CSS anchor positioning lately so I decided to write about it! You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective. Read more with demos!: ๐โก๏ธ
una.im/follow-the-a...
loading . . .
una.im | Follow-the-leader pattern with CSS anchor positioning
Learn how to create a dynamically re-anchored pointer element.
https://una.im/follow-the-anchor/
2
107
23
reposted by
Oleg
Webstudio
4 months ago
Surprise! We've been sneakily backing up your published sites forever... just forgot the "Restore" button. Now, if you royally screw up your build, rewind to the last good version with one click.
loading . . .
1
7
3
reposted by
Oleg
Webstudio
5 months ago
Moving away from static interfaces in an AI-driven world means we need to rethink how we approach design in the coming years.
webstudio.is/blog/moving-...
0
2
1
reposted by
Oleg
Webstudio
5 months ago
Inception: a creative, code-first, AI-native design tool
webstudio.is/blog/incepti...
0
4
3
reposted by
Oleg
Webstudio
5 months ago
Breaking news: the PAGE NOT FOUND page can now be found! By default, Webstudio didnโt include 404 pages - you had to add them yourself. Now thatโs changed: theyโre there by default when you create a new project, and, as before, you can style the page however you like.
0
6
3
reposted by
Oleg
Webstudio
5 months ago
We just added HTML+Tailwind paste ๐ Paste HTML + Tailwind from any site into Webstudio in one click. Use AI to generate sections or choose from thousands of Tailwind templates. But there is more to it:
webstudio.is/blog/making-...
0
8
4
reposted by
Oleg
Webstudio
6 months ago
Introducing Webstudio Inception - the AI-native way to design and build websites. Invites:
webstudio.is/inception
We believe we unlocked something incredibleโgo from a single prompt to a unique, beautiful, creative website in minutes. Production-ready code.
www.youtube.com/watch?v=Uf2l...
loading . . .
Webstudio Inception - where ideas become real
YouTube video by Webstudio
https://www.youtube.com/watch?v=Uf2llViqGKg
0
8
2
Team
@webstudio.is
has been researching Generative Web Design for a while, and this week, we had seven breakthroughs. I canโt disclose the details of each one, but I can share the results. This is just our prototypeโwe still have much to do, but:
6 months ago
2
3
2
reposted by
Oleg
Adam Argyle
8 months ago
#CSS
only carousels arrive in Chrome 135 โคท
nerdy.dev/css-carousel...
loading . . .
13
223
48
reposted by
Oleg
Webstudio
9 months ago
No hosting lock-in ๐ with this setup: Webstudio, Hetzner, Coolify ๐ฅ Webstudio ๐ Full site export Hetzner ๐ Cost-effective servers Coolify ๐ Deployment management Watch the tutorial ๐
loading . . .
Deploy Webstudio to Hetzner with Coolify
In this tutorial, you will learn how to export your Webstudio Project and use Coolify to deploy it to Hetzner. Coolify is a PaaS that makes it easy to deploy and manage applications on your own server, giving you control over your infrastructure without the complexity. You can self-host Coolify or use their Cloud. See the documentation for more info: https://docs.webstudio.is/university/self-hosting/hetzner-coolify Coolify: https://coolify.io Hetzner: https://www.hetzner.com Build unlimited sites with Webstudio for FREE ๐ https://wstd.us/future-web
https://youtu.be/OnHLO2Plt2E
1
9
3
reposted by
Oleg
Webstudio
9 months ago
Hereโs another self-hosting tutorial โ this time with
@coolify.io
and
@digitalocean.com
๐
loading . . .
Deploy Your Webstudio site to Digital Ocean with Coolify
In this tutorial, you will learn how to export your Webstudio Project and use Coolify to deploy it to Digital Ocean. Coolify is a PaaS that makes it easy to deploy and manage applications on your own server, giving you control over your infrastructure without the complexity. You can self-host Coolify or use their Cloud. See the documentation for more info: https://docs.webstudio.is/university/self-hosting/digital-ocean-coolify Coolify: https://coolify.io Digital Ocean: https://www.digitalocean.com Build unlimited sites with Webstudio for FREE ๐ https://wstd.us/future-web
https://youtu.be/u9FBiVswwYc
0
5
2
reposted by
Oleg
Webstudio
9 months ago
Want to reuse an email ๐ง, phone number, or CMS connection data throughout your site?? Now you can with Global Data Variables! ๐ Define reusable data globally ๐ฆ Access the variables anywhereโฆ including inside Slots! ๐ Maintain consistency ๐ซฐ Easier CMS setup! Demos below ๐
loading . . .
3
12
5
reposted by
Oleg
Webstudio
10 months ago
Webstudio now has Docker support for sites! Export your dynamic site, and deploy it just about anywhere. Get total control over your hosting, cost, and compliance. See comments for a tutorial on using Flightcontrol to deploy your site to AWS.
loading . . .
1
14
5
reposted by
Oleg
Webstudio
10 months ago
4,000 community members in Discord. Couldnโt imagine Webstudio without you all โค๏ธ
1
4
1
reposted by
Oleg
Webstudio
10 months ago
Google is screwing your SEO performance? It's all in your ๐ต๐ฒ๐ฎ๐ฑ. Meet Head Slot component โ the visual way to customize the <head> per page. ๐ ๏ธ Set canonical URLs to manage duplicate content for search engines ๐ ๏ธ Set alternate URLs for multilingual/regional versions
loading . . .
0
9
2
reposted by
Oleg
Webstudio
11 months ago
Made in Webstudio without writing code โOther platforms are stuck in 2015โโฆ
loading . . .
1
6
2
reposted by
Oleg
Webstudio
11 months ago
Study reveals Webflow sites have 256% more classes than Webstudio More classes correlate with harder maintainability and slower websites. Here are the details and the underlying reason for the difference.
wstd.us/tokens-classes
loading . . .
https://wstd.us/tokens-classes-study
0
9
1
reposted by
Oleg
Webstudio
11 months ago
YouTube component is here! โ๏ธ Responsive by default ๐ค Fast with lazy loading ๐๏ธ UI inputs for all the settings โถ๏ธ Customizable play icon and loading icon ๐ป โPrivacy Enhancedโ Mode enabled by default
loading . . .
0
8
1
reposted by
Oleg
Webstudio
10 months ago
New feature: code folding! ห Useful for: ห โ๏ธ API responses (JSON) ห ๐ ๏ธ Custom code like JavaScript
loading . . .
0
8
1
reposted by
Oleg
Webstudio
10 months ago
New in the Marketplace: RSS Feed ๐๏ธ Fully customizable ๐ฒ Let users subscribe to your content
loading . . .
0
3
1
reposted by
Oleg
Webstudio
10 months ago
We made a platform-wide change that reduced INP, a Core Web Vital. Our site went from 409 ms to 137 ms on mobile.๐
loading . . .
0
7
2
reposted by
Oleg
Webstudio
11 months ago
Two new templates have landed in the marketplace: 1. Developer portfolio (design credit: elias_dev on Figma) 2. SaaS landing (design credit: thesamirho on Figma) Now there are ๐ญ๐ฌ ๐ฒ๐ ๐ฝ๐ฒ๐ฟ๐๐น๐ ๐ฏ๐๐ถ๐น๐ ๐๐ฒ๐บ๐ฝ๐น๐ฎ๐๐ฒ๐ using ๐๐ฟ๐ฎ๐ณ๐ in the marketplace.
1
4
1
reposted by
Oleg
Webstudio
11 months ago
Happy Holidays from all of us at Webstudio! A lot has happened over the past three months, so weโve put together a summary of the biggest changes:
loading . . .
December Update | Webstudio Documentation
A lot has happened in the last 3 months, let me give you some highlights!
https://docs.webstudio.is/news/december-update
1
14
4
reposted by
Oleg
Webstudio
11 months ago
Today, we are not launching a feature; we are unveiling a new look and feel! We have redesigned 200 icons and updated the colors of all controls! Our goal was to reduce visual noise and enhance the crispness and clarity of the icons.
loading . . .
0
8
2
Content authoring experience in
@webstudio.is
went next level. We combined Notion-like slash command and ability to build with the full power of html/css. You can now build anything and then use it inside of rich text editor.
add a skeleton here at some point
11 months ago
0
3
0
reposted by
Oleg
Webstudio
11 months ago
A super fast way to build with Webstudio โ Commands & Search.
loading . . .
3
7
5
We collaborated directly with Santa from SantaHQ for this launch.
add a skeleton here at some point
12 months ago
0
0
0
reposted by
Oleg
Webstudio
12 months ago
Weโre testing a new UX feature. This makes it possible to see long CSS values (often variables), directly in the input fields.
loading . . .
0
9
2
A super deep dive that takes you through everything, uncut. If you can do this, you can build a website that's better than 99.9% of the websites out there.
add a skeleton here at some point
about 1 year ago
0
2
0
reposted by
Oleg
Webstudio
about 1 year ago
Craft v1.0 is live โ a new standard for building with Webstudio. It allows you to eliminate the learning curve when switching between Projects. It contains: - CSS vars - A style guide - Tokens - Guidelines Craft makes building websites fast, flexible, and reusable.
www.youtube.com/watch?v=EeLo...
loading . . .
Craft starter kit is here. The standard for building with Webstudio.
Craft contains a set of standards, CSS variables, and Tokens that make building websites fast, maintainable, and reusable. It also enables sharing Projects without mixing different naming conventions. Craft doc: https://wstd.us/craft Build unlimited sites with Webstudio for FREE ๐ https://wstd.us/future-web
https://www.youtube.com/watch?v=EeLoBZvlygI
0
16
5
you reached the end!!
feeds!
log in
