Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

github.com

Post reply on HN
Print view View original

51–60 of 142 posts

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

#51

Post by oneeyedpigeon »

stevage wrote: post #47
vivzkestrel wrote: post #18

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

>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?

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

#52

Post by 1propionyl »

phero_cnstrcts wrote: post #32
vivzkestrel wrote: post #18

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

Tailwind is reviving the style attribute.

I've taken the next step and written my own tool that lets me put all my Tailwind attributes in a separate file grouped by element selectors. :-)

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

#53

Post by 0xFACEFEED »

oneeyedpigeon wrote: post #51
stevage wrote: 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?

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.

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

#54

Post by captn3m0 »

darreninthenet wrote: post #45
pjerem wrote: post #33

Earlier quoted context omitted.

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.

How is Dreamweaver these days?

part of creative cloud, $20/mo. Last update May 2024 https://helpx.adobe.com/dreamweaver/using/whats-new.html

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

#55

Post by [deleted] »

pjmlp wrote: post #44
vivzkestrel wrote: post #18

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

And what is more crazy, acting as if they are something new, instead of something that is 20 years old.

[deleted]

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

#56

Post by urin »

smusamashah wrote: post #49
urin wrote: post #31

Earlier quoted context omitted.

A notable feature is the ability to synchronize code selection with visual selection in the preview. Since this extension has minimal functionality, the codebase is very small, making future expansions easy. It is designed to reflect changes made in the preview back to the code, so enhancing the editing capabilities within the preview may be beneficial in the future.

This is useful. I am occasionally day dreaming about moving my static site from Hugo to pure html which I write/edit myself. Do these features depend on complexity of the html or that doesn't matter? Does Javascript work in live preview?

It doesn't matter if it's complex. I believe this tool can be applied if it consists of a single HTML file and the resources linked to it. If you're using Web Components, there may be some issues. JavaScript is currently disabled because it's difficult to determine its impact, but enabling it is technically very simple. If there is enough demand in the future, I will add an option to control the functionality of JavaScript.

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

#57

Post by bugtodiffer »

stevage wrote: post #47
vivzkestrel wrote: post #18

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

>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.

Oh I think it is very much "just fine", but people have requirements which make things too complicated. I find it way harder to work in a React app than a few .html and .js files. TypeScript's cool though.

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

#58

Post by bugtodiffer »

0xFACEFEED wrote: post #53
oneeyedpigeon wrote: post #51

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.

5) is the only valid reason, the rest has comparable alternative shitty things when using whatever framework

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

#59

Post by bugtodiffer »

zeroq wrote: post #7
whalesalad wrote: post #4

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

Wait till you hear about Typescript, you know adding types to ECMAScript, like Macromedia did some 20 years ago. :) Being in the industry for 20+ years and starting as a teenager making games in Flash it makes really hard for me to treat webdev seriously with all their revolutionary innovations. At work I often encounter a resistance to a tech or solution I propose, because "there hasen't been any substational contri…

Today I value web stuff for one thing and one thing only: they run in the best sandbox we have. I can run untrusted programs from hackernews folks without worrying! I wouldn't do that with native code of course, way too easy to hack me. But they won't waste a browser 0-day on random HN readers... Whatever can be done in the web, I usually like to do it there as no-body has to trust my code then.

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

#60

Post by 0xFACEFEED »

bugtodiffer wrote: post #58
0xFACEFEED wrote: post #53

Earlier quoted context omitted.

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.

5) is the only valid reason, the rest has comparable alternative shitty things when using whatever framework

No amount of discipline was going to make medium-large websites maintainable back then. Today it's actually possible if the creators know what they're doing. Tooling isn't going to prevent people from doing stupid things.
Post reply on HN