Live data from Hacker News

Show HN: A VSCode Extension to edit HTML visually in real-time

github.com

61–70 of 142 posts

Re: Show HN: A VSCode Extension to edit HTML visually in real-time

#64
post #33
post #21

Earlier quoted context omitted.

There are complex reasons behind my development of this. To be honest, I don’t think the editing functionality of this tool is particularly useful. I believe the real-time preview and element selection features are the ones that offer broader utility. I am considering making the editing feature disabled by default and allowing it to be enabled through settings in the future.

I don’t think it was meant to criticize your work :) It’s just fun to see that we (here : you) are reinventing tools that everyone used 20 or 30 years ago. I remember making my first websites in Dreamweaver. I remember it being hated by "pro" developers but this plus an FTP client (which was integrated IIRC) was enough for teenager me to be live on the internet.

I came here to comment about Macromedia Dreamweaver (at the time I used it). It was an ok software for the time. Acceptable WYSIWYG.

Re: Show HN: A VSCode Extension to edit HTML visually in real-time

#65

we've come full circle - macromedia dreamweaver had this in 2001

We still use Dreamweaver just because you can drop well structured Word documents in and get a decent HTML document out of it. Still not found a better process really.

Re: Show HN: A VSCode Extension to edit HTML visually in real-time

#66

Are we trying to reinvent web development? Last few years have been wild. We abandoned HTML CSS and JS websites that used to work just fine and ran after frontend component frameworks and now the circle is getting completed by building tools and extensions we had 20 yrs ago

Let's be honest. Those old HTML+CSS+JS didn't have the interaction levels of modern applications. And jQuery was great until you reached a level of complexity after which it became jquery Bolognese. There are 2 main challenges: state and reusing pieces of html. Both of these are much harder in modern applications due to their complexity. Try reusing a piece of HTML using HTML+CSS+JS alone (no Node or back-end tools allowed). Try keeping state synced across a modern application without using state management libraries.

Re: Show HN: A VSCode Extension to edit HTML visually in real-time

#67
post #47

Earlier quoted context omitted.

>We abandoned HTML CSS and JS websites that used to work just fine Hmm. Have you actually done much web development in the last 10 years? Building websites with raw HTML, CSS and JS 10 years ago was very much not "just fine". There's a reason frameworks were invented.

What do you consider "not fine" about websites written in "just" html, CSS, and js?

You can't reuse pieces of UI functionality (a bundle of specific html, css and js) unless did copypasta which is obviously awful. Sharing business logic across different areas of an application becomes much harder and you can't non-trivially write and run tests across areas of your application because you are just using html,css and js. And the big monster: state. Sharing state safely across different areas of an application becomes much harder. You end up writing your own micro framework trying to make all the above work. At that point you might as well use as existing battle-tested one

Re: Show HN: A VSCode Extension to edit HTML visually in real-time

#68

Earlier quoted context omitted.

What do you consider "not fine" about websites written in "just" html, CSS, and js?

1) Rats nest of non-declarative JavaScript. 2) Rats nest of JavaScript callbacks. 3) Overlapping stylesheets with !important everywhere. 4) Elements used for style not their semantic purpose ( , ) 5) Subtle and not-so-subtle browser compatibility issues.

I agree with HTML+CSS+JS websites being not fine. But to be honest, js callbacks are more of a language thing than a framework thing. You don't need to use frameworks to write promises.

Re: Show HN: A VSCode Extension to edit HTML visually in real-time

#69
post #62

Nice extension, it may be worth in the readme explaining how it’s different to https://github.com/microsoft/vscode-livepreview which has been around for a long time and maintained by Microsoft.

I think it's mainly the `No additional processes` point. Live Preview serves the page, likely by spawning another process to host the server.

Re: Show HN: A VSCode Extension to edit HTML visually in real-time

#70
post #62

Nice extension, it may be worth in the readme explaining how it’s different to https://github.com/microsoft/vscode-livepreview which has been around for a long time and maintained by Microsoft.

I have updated the README to address similar comments and issues. https://github.com/urin/vscode-web-visual-editor?tab=readme-...
Post reply on HN