Join the Webstudio community

Home
Members
John Siciliano
J
John Siciliano
Offline, last seen 6 hours ago
Joined December 13, 2024
Are docs missing icons for anybody else? https://docs.webstudio.is/
6 comments
A
O
J
Trying to publish my site but my DNS says I can't use CNAME for the root
1 comment
J
I've noticed a frequent pattern of mine:

  1. Designing a page and need something I have from another page
  2. Switch to another page and copy it
  3. Go back to pages and find the previous page.
My suggestion is that when a page is selected in the navigator, and the following action is copy, show a back button in the top bar that brings me back to the previous page.

Not sure if we have that type of sequence recognition but would be a neat UX thing.
3 comments
O
J
Ah man variables are so nice. Now I can set a nav height var so when I make things sticky, they use this one var to ensure it doesnt overlap with my fixed nav. And I can change this by breakpoint 🔥
6 comments
B
J
I found my vars! They were in a collapsed panel but it wasn't easy for me to tell it's collapsed.

After looking at it open I can see there's a create button, but when it's closed it looks like Filters which is not collapsed (see attached).

The other confusing part is there's a plus. +- can mean collapse/expand, but in this case it means add.

Maybe change the color to show collapsed or ask one of the designers in the community what they would do.
100 comments
O
B
H
J
I'm not sure where I put my vars! Would be nice to have a little indication on the component in the navigator indicating it has vars in the settings
12 comments
B
O
J
My idea is for certain request properties to be accessible in a system-like variable so we can access mainly browser dimensions and or user agent.

The sole purpose of this is to conditionally hide/show components for various devices.

I have some scripts that are only for desktop and would be nice to conditionally render them. A small performance thing and low prio, but throwing it out there.
55 comments
O
J
B
I'd like to create a variable using the values of other variables.

I think the only place this can be done is in the resource URL, but I'd like to do it with strings.

Thoughts?
14 comments
A
j
B
J
I love that Webstudio automatically sets the image width and height.

I think an amazing addition to this is to by default "lock" the ratio so if you change one number, the other number is auto calculated.

Reasoning: I often upload 2,000px images and need to change the dimensions so that the image resizer correctly outputs the proper size. To do so, I need to use a calculator to reduce the width and heigh the same amount.

Example:

  • I upload an image and 1920x1080 gets set.
  • I change 1920 to 600
  • Height is automatically changed to 338
Here's the calc I use to make it easy: https://andrew.hedges.name/experiments/aspect_ratio/
36 comments
O
J
A
D
J
Anyone interested in a lightweight and simple animation script/css that works on regular components and radix? That is, to hold us over until an animation UI comes out 🙂
5 comments
J
I
D
Submenus all share the same container which is positioned absolutely. There's no good way I can find to take a dropdown and align it to the parent nav item.

The only decent workaround is what Webstudio uses on the website which is left aligning them container and making the width large.

Ideally this automatically happens
3 comments
O
Being able to click and paste without it inserting within the paragraph is soooo nice!! Slowly breaking the habit 😅
1 comment
O
I'm working on a Webflow site right now and it's taking me between 2-7 seconds to switch between pages in the editor, which the task I'm doing requires a lot of. #webstudiosaveus
13 comments
O
J
Thanks for all the feedback on Craft. We have some things that still need to be finalized.

  1. Token naming convention for parent > child relationships. For example, there is a testimonial that has a picture, quote, and name. What should the Token names be?
  1. Default Tokens that nearly every project will use. Are we good with these as a starting point?
  • heading-1 through heading-6
  • link
  • margin-auto
  • container
  • section
  • button with variants is-button-secondary and is-button-small
Please review the Craft doc and see if there's anything else you want to change/add. https://docs.webstudio.is/university/craft
29 comments
J
O
GitHub is having issues right now which is affecting publishing https://www.githubstatus.com/
2 comments
O
J
@Samuel Gregory watching your video (liking it!) and noticed you said you need to download airtable attachments due to them expiring. Curious why you can't rely on the attachments even though they expire? My thinking is that the fetch to airtable happens in real time so theoretically you are always getting the latest attachment url. I suppose this depends on the cache headers and whether or not you want Google or other services to use those images in which case you'd want them to be static.
2 comments
J
Super minor but shorthand flex is <grow> <shrink> <basis>

But the ui shows it <basis> <grow> <shrink>

Very subtle but if you are used to typing shorthand it throws you for a loop

Ref https://developer.mozilla.org/en-US/docs/Web/CSS/flex
5 comments
O
J
I often use calc and also often accidentally trigger scrubbing which wipes out my value.

Not a big deal but saw this commit so figured I'd send it.

https://github.com/webstudio-is/webstudio/commit/f0bcc865fef8fed2428c8f6f77561cdc9413a8f5
2 comments
O
I'm creating a query variable to be used in a resource request.

The request will fail unless I encode the query.

This makes it difficult because 1, I can't understand the query without decoding it and 2 I have to add an extra step when dealing with queries
Request: To allow variables that are parents of a slot to be accessible within a slot.

Is this technically feasible?

I'm messing with resources in prep for CMS and realizing how much my posts benefit from slots but I'll have to do without as of now
5 comments
O
J
I run into the need for this fairly often. Might be a quick win given it's basically the same as backdrop filter but applies to the element, not behind it

https://developer.mozilla.org/en-US/docs/Web/CSS/filter
5 comments
O
D
J
My use case is adding schema. I have some JSON and want to insert various collection items into the JSON and concatentaiton is difficult.

I have a several ideas:
  • Support template literals. Much smoother than having to concatenate everything. Especially when lots of quotes are already at play
  • Do it like Webflow where you can click the add variable button directly inside the text at the exact position you want to insert something
  • Support something like double brackets without having to concatenate. So typing something like {{ would pull up the menu to insert vars.
Not a big prio, much less than CMS which is right up there with oxygen itself.

Here's the schema for reference:

Plain Text
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BlogPosting",
    "headline": "",
    "image": [
      ""
    ],
    "datePublished": "",
    "dateModified": "",
    "author": [{
      "@type": "Person",
      "name": "John Siciliano",
      "url": "https://www.linkedin.com/in/johnsicili/"
    }]
  }
</script>
1 comment
O
When drilling down into a JSON response, array items and items with special characters suggest dot notation in autocomplete.

Maybe either conditionally render rackets e..g (item[0] or item["My Field"]) or always render brackets? Not sure if there's a downside to always doing it but seems simple enough.

Suggestion/bug
22 comments
B
J
O
J
I often mess up modifying a slot not knowing its a slot and my undo doesn't go back far enough to fix it.

I would love to see a strong indicator that I'm working in a slot. Maybe outline the parent/self indicating it's a slot in the editor.

IMO the icon in the navigator or the little toolbar at the bottom is not enough. I've messed up too many times lol.
10 comments
B
O
J