SDF Chatter
  • Communities
  • Create Post
  • Create Community
  • heart
    Support Lemmy
  • search
    Search
  • Login
  • Sign Up
Aijan@programming.dev to Web Development@programming.dev · 1 year ago

Back to Basics in Web Apps

lackofimagination.org

external-link
message-square
8
fedilink
21
external-link

Back to Basics in Web Apps

lackofimagination.org

Aijan@programming.dev to Web Development@programming.dev · 1 year ago
message-square
8
fedilink
In the beginning, there was only HTML. The first official HTML specification focused on semantic markup. There were minimal styling tags and attributes. It was up to the web browser how to render the markup in an HTML document. The whole specification was refreshingly simple. You could easily read it in one sitting…
  • NostraDavid@programming.dev
    link
    fedilink
    arrow-up
    4
    ·
    edit-2
    1 year ago

    I find it refreshing to write, not generate, HTML and CSS, and then sprinkle some JavaScript for interactivity.

    I’ve found hugo to be rather amazing in generating static HTML and CSS (converting either HTML or Markdown templates into regular HTML).

    I started out my personal website as:

    • static HTML
    • an SPA (yes, the archived version still works!)
    • back to static (hand-written) HTML
    • expanded the hand-written HTML
    • and expanded some more
    • until I had to generate the HTML via hugo, because the HTML headers were getting out of sync

    PS: Have you ever seen TheNet (1995)?

    PPS: All the HTML is pretty much all Semantic HTML, instead of Twitter’s div>div>div>div>div

    • Victor@lemmy.world
      link
      fedilink
      arrow-up
      4
      ·
      1 year ago

      div>div>div>div>div

      Ah yes, div soup.

      By the way, have you tried different generators and compared them, or tried only Hugo, out of curiosity?

      • NostraDavid@programming.dev
        link
        fedilink
        arrow-up
        2
        ·
        1 year ago

        Only Hugo; I didn’t want to try anything JS based and hugo is faaaaaast in its generation. Sub 1 second fast. It’s so nice.

        • Victor@lemmy.world
          link
          fedilink
          arrow-up
          1
          ·
          1 year ago

          Cool! Very nice. Do you need it to be that fast or is it just nice because faster is better?

    • Aijan@programming.devOP
      link
      fedilink
      arrow-up
      3
      ·
      edit-2
      1 year ago

      Author here. My blog is also generated with Hugo, and it’s great. I just prefer not to generate HTML and CSS from JavaScript unless it’s necessary.

      Sorry, I haven’t seen that movie. Thanks for the recommendation though.

      • NostraDavid@programming.dev
        link
        fedilink
        arrow-up
        1
        ·
        1 year ago

        Too bad you haven’t seen it - my site has a little easter egg from that movie :3

Web Development@programming.dev

webdev@programming.dev

Subscribe from Remote Instance

Create a post
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !webdev@programming.dev

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

  • Follow the programming.dev site rules
  • Keep content related to web development
  • If what you’re posting relates to one of the related communities, crosspost it into there to help them grow
  • If youre posting an article older than two years put the year it was made in brackets after the title

Related Communities

  • !html@programming.dev
  • !css@programming.dev
  • !uiux@programming.dev
  • !a11y@programming.dev
  • !react@programming.dev
  • !vuejs@programming.dev
  • !webassembly@programming.dev
  • !javascript@programming.dev
  • !typescript@programming.dev
  • !nodejs@programming.dev
  • !astro@programming.dev
  • !angular@programming.dev
  • !tauri@programming.dev
  • !sveltejs@programming.dev
  • !pwa@programming.dev

Wormhole

  • !cool_github_projects@programming.dev
Some webdev blogs

Not sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

  • https://frontendfoc.us/ - [RSS]
  • https://wesbos.com/blog
  • https://davidwalsh.name/ - [RSS]
  • https://www.nngroup.com/articles/
  • https://sia.codes/posts/ - [RSS]
  • https://www.smashingmagazine.com/ - [RSS]
  • https://www.bennadel.com/ - [RSS]
  • https://web.dev/ - [RSS]
Credits

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

Visibility: Public
globe

This community can be federated to other instances and be posted/commented in by their users.

  • 2 users / day
  • 27 users / week
  • 299 users / month
  • 807 users / 6 months
  • 42 local subscribers
  • 4.08K subscribers
  • 412 Posts
  • 1.39K Comments
  • Modlog
  • mods:
  • snowe@programming.dev
  • Erlingur@programming.dev
  • Ategon@programming.dev
  • BE: 0.19.8
  • Modlog
  • Instances
  • Docs
  • Code
  • join-lemmy.org