I don’t like front-end development but I enjoy writing things by hand rather than rely on one-off classes. Even in my blog, I tend to write a lot of HTML manually throughout the post, like creating a quick container to put two images side-by-side and center them, making blockquotes, the occasional nested list, in-line CSS, etc…

I’ve written some of it in VSCode and Joplin but I didn’t find it comfortable to write in either of them. What editor/extensions do you use to make dealing with HTML easier? I’m currently looking at Emmet, but it looks a bit intimidating to learn.

Edit: I ended up using Emmet for writing HTML in general along with Espanso for quickly inserting some templates I use. It’s working out pretty well!

  • popcar2OP
    link
    fedilink
    English
    arrow-up
    1
    ·
    2 days ago

    I appreciate the rundown! I started getting used to Emmet now, it’s certainly more friendly than it looks. I think this is what I was looking for.

    The short-hand for CSS in Emmet is also pretty neat, but It’ll take some time to get used to it. w75p m10 turns into width: 75%; margin:10px

    • spartanatreyu
      link
      fedilink
      arrow-up
      3
      ·
      2 days ago

      I would advise against using pixels for margin/padding since it’ll have issues for users who have different zoom/text sizes than you do.

      Stick to rem for margin and padding.

      If you’re still early days with css, it’s worth pointing out that you should use a “css reset” file. It will solve problems for you that you don’t even know exist yet.

      • Zoop@beehaw.org
        link
        fedilink
        arrow-up
        3
        ·
        2 days ago

        I’m not the person you were saying this to, but thank you for this! I’m a super-noob, sort of learning as I go by trying different things as I make my cat a webpage for shits and giggles, and you gave me some helpful stuff to try and look into. I appreciate it! :)