Some Cool To Have Features Ideas

Hey,

I’ve just recently found a cool tool called CSS Hero. I found that they had some pretty nice-to-have features in there and I thought I would mention it here in case it might catch your attention.

First one is a QR code button that generates a QR code from the preview URL making it easier to open the site you are working on on your phone. I thought QR codes were dying but after the pandemic now everyone knows about QR codes.

And also this HTML Inspector, I find myself switching between builder and live website with google inspector quite often. Usually to find out the CSS classes or just to debug it. This might be useful to save time going back and forth in the builder and google inspector.

But the use of CSS coding in X Pro is getting less and less needed now so this might not even be relevant anymore! Which is a good thing and shows how more and more code free X Pro is becoming.

Just some ideas I thought I would through out there.

Cheers,
Jonathan

1 Like

I am sending the url to my phone using Pushbullet, but the QR code is actually a great way to get a quick real-life phone preview. It could be implemented as a tiny icon somewhere that can be clicked for the QR to show up as a popup.

This makes sense despite the great new responsive preview that still has one flaw: it doesn’t simulate the phone height. Particularly when working with vh units, this poses a problem. For example, the 100 vh Hero section gets unrealistically deformed, because no phone is that high.

2 Likes

That QR preview is pretty cool! I’m not sure we could make it work for local environments, but definitely a nice feature.

As for the HTML Inspector, that’s an interesting idea as well. Something I’ve always liked about Oxygen is their “Selector Detector” feature, which is similar to CSS Hero in behavior. It lets you add arbitrary styles to DOM elements. It’s really useful for things like styling forms and other integrations. It’s definitely worth considering stuff like this, but I don’t think we’d be able to explore it until the tail end of the Theme Options reboot.

3 Likes