Join the Webstudio community

Allo, how’s it going everyone? Just wondering how the html/tailwind paste is going?
4 comments
B
c
v
i'm imagining a feature in the editor that would make absolute positioning more fluid. setting a relative block and then being able to drag an absolute element to its position and values be calculated automatically. the idea would be to easily place "stickers" on the page. i would like to work on this feature for myself and would appreciate any direction on how to get started.
User Story: As a Webstudio user building large-scale websites with Craft, I find it annoying that when I change --foreground-primary, it also affects components I didn’t intend to modify (e.g my navbar and footer). This reveals that the system I built on global tokens isn’t as scalable as I thought. One change cascades unintentionally leading to manual work were I thought it wouldn't be needed.

Situation:
I am building a design system for a partner agency in Berlin right now. The directors have over 20 years of experience in brand design, so it's a great opportunity to build a design system that matches their expectations. I thought… let's give Webstudio a spin and build it the WS way (Craft, Open Props, Open Color, Custom CSS Variables). I would love to share my experiences with you – and if I can, help building design systems in Webstudio faster and easier.

The first thing that came up: the "foreground" variables will not work in professional brand style guidelines. There are way too few.

My idea to solve this problem is to split up the "foreground" colors into:
  • brand
  • text
  • border
Probably also other core components (but I will see while building)
  • button
  • navbar
  • footer
I also added a new color section "system" for success, warning, error.

Have a look
↗︎ Dev Page
↗︎ Read Link


Curious to hear your perspective,
@Webstudio Team, @Sam Gilbert, @Milan Boisgard | Uncode School and other pro devs and designers!
4 comments
H
y
Hi all! I’m finding some blog images from Hygraph CMS are 404 on the production site but are being reflected in staging. What could be the issue causing this? Should I just refer to the staging site?

Image 404 link: https://novee.tech/cgi/image/https%3A//us-west-2.graphassets.com/cm9i4kqxm008a01wegk8d7cde/cm9pvsrar92vb07n07wahnop6?width=3840&quality=80&format=auto

Same path and reflected: https://novee-staging.wstd.io/cgi/image/https%3A//us-west-2.graphassets.com/cm9i4kqxm008a01wegk8d7cde/cm9pvsrar92vb07n07wahnop6?width=3840&quality=80&format=auto
3 comments
O
A
I'm attempting to use a field in a Notion Database to define the Post ID from a BlueSky. Then Use BlueSky's API to pull in details or responses to that post to allow for people to reply to the BlueSky post and have it show as a comment on the blog. The problem I'm running into is that I can't add resource into the expression editor of another resource. Is there a work around for this?
Plain Text
"https://api.bsky.app/xrpc/app.bsky.feed.getPostThread?uri=at://did:plc:n6com3b6tkpq76vr5n7xqutu/app.bsky.feed.post/" + notionData.data.results[0].properties["BlueSky Post"]["rich_text"][0]["plain_text"]


I thought this would work but it yellow underlines notionData and says "notionData" is not defined in the scope. I've tried putting the Notion variable in the Global Root, Body and shifting the BlueSky variable at the same level and below.

I will note I'm not set on using Notion for this but it was quick and easy for me to set up with the blog that is currently using Zen Blog for the CMS (which doesn't support something like this, and even if it did, it would have the same problem).
2 comments
B
C
How would I make it so the webhook form submits on my google form?
How normal people use tags vs me:
1 comment
J
I have a header component, but need to change the styles of it (logo image and text color) because the background is transparent and when placed on a page that has a darker background image, I need the styles to be different for readability.
What's the best way to do this? Webflow has component variants. Is there a way to achieve something similar?
3 comments
O
B
D
Does anyone have experience using Cloudflare without changing nameservers to Cloudflare?

I've got a situation where client would like to keep its DNS records as they are with their current nameserver and just specifically use a subdomain with cloudflare rules.

As far as I could find out this stuff is only available for business and enterprise?
2 comments
O
R
Nice cryptominer guys! /j
11 comments
"
B
I just joined the Contra community! I’ve got 3 invites to share. Drop your profile if you want in!
5 comments
F
M
We specialise in building websites for small businesses — who often will have a blog. The platform we were using before Webstudio has a blogging engine built-in, so to use Webstudio we need a replacement. Requirements are simple:

  1. Must be very, very low cost. We cannot increase the cost of hosting, so whatever the cost of the blog is, we'll have to absorb it — and these are low-paying, small business customers.
  2. Must be extremely easy to use. Complex UI and myriad of features is not what these clients need: simple is better.
  3. Of course, must play nice with Webstudio.
We had a look at Zenblog, which sounds absolutely perfect, but $20/month is well above the budget. We are now looking at Blogmaker, as it's listed in the Headless CMS Finder page, but from their API docs it doesn't seem like we're able to do searches/queries.

What would you guys recommend?
8 comments
2
y
B
C
I
M
After a while in self-hosted, I cannot access the site because HSTS is in use.
What should I do?
How can I make it so the button is an overlay over the html embed? I don't want it to seperate like this.
1 comment
J
Just a casual ask, I've searched past posts but is there a guide on using turnstile by CloudFlare as a form / spam protection layer?
3 comments
B
R
Will there be something similar to Lightbox-style components for images — a photo gallery with that effect?
4 comments
O
S
D
Are there any plans to improve Asserts panel in Webstudio: catalogs or tags for images, a wider and more readable panel, the ability to define a default ALT attribute, image replacement options, etc.?
2 comments
B
O
Hello everyone

Webstudio has a feather dynamic page language change
can anyone have idea how to use this feather
Is there other better means of transferring a project from device to another device with something other than database migration?

(I am using Docker)
4 comments
B
M
O
Hi everyone! 👋

I'm working on a project and facing two technical issues that I could use some help with:

  1. There's a jump/shift that occurs when closing a Radix UI collapsible component
  2. My sidebar is initially visible on page load and then disappears when the page finishes loading on screens under 991px. I'd prefer it to be hidden by default on these screen sizes
Has anyone encountered similar issues or have suggestions on how to fix these? Any help would be greatly appreciated!

Here's the link : https://liam-grosjean.wstd.io/
Here's the read-only link : https://p-e8e38a54-e4df-40b6-856d-41b5996d97d7.apps.webstudio.is/?authToken=794ef213-fb3f-4f5d-b37e-ef271bdad2de&mode=preview

Thanks!
I want to ask my new content editor, but I don't want him to copy / clone the file
4 comments
D
y
J
The video runs when play button is clicked, but there is no preview image/thumbnail
2 comments
Hello, my name is Fernanda, I'm a new user, and I discovered the platform today.

I'd like to ask a few questions.

First of all, I'm a user from Brazil, and I'm not fluent in English, so I apologize for any spelling mistakes.

As for the questions about the platform, I'll explain why I wanted to create a website through it.

I want to create a website for my online store of digital products, but since I'm just starting out with the store, I can't afford to invest in an E-commerce platform.

What I'd like to do at the moment is create a static website with the products and add payment links to an external platform that manages digital products.

The only cost I'd like to have at the moment is the website domain.

So I came across the platform today and became interested in using it. I've already tested several alternatives for creating a free website with a custom domain, and for now this platform seems like the best option.

I saw that it's possible to export the website to Netlify and add the domain there. However, I have some questions regarding the free plan.

To use the new animation tool, can I only use it if I upgrade to a paid plan? Or can I use it if my site is hosted on Netlify?

Regarding Netlify, is it possible to integrate it with the platform? What I mean is, is it possible to integrate Netlify with the platform so that whenever I update my site, it is also updated on Netlify? Or will I always have to upload the site files to Netlify again?

These are my questions, I await your response.
1 comment
y