Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

I enjoy these mini frameworks greatly. I've started to prefer minimalist, and sometimes brutalist, web pages. If I visit a page that's too noisy I switch to reader mode, so that feels like the target I'm aiming towards. The CSS I use for my blog[1] is smaller than this, but it's focused on one use case. I actually really like minimal CSS and HTML for authoring blog posts, it gets me out of the headspace of "what about this theme?", or "why is my blog build not working?" and into just writing. There's no build step, deploy is trivial, and if I need to pull in some custom JavaScript I just do it instead of fighting with some framework middleware.

HTML works really well for authoring text based content, which shouldn't be a surprise since that's what it was made for. If you've ever written web pages, then you already know the format. I write it a little different from the author and I think it looks OK.

p tags ~will self close~ can omit the end tag (thanks!)

    <p>
    A paragraph here.
    One sentence per line.
I feels like a slightly more verbose Markdown, except for lists. The best I've got is:

    <ul>
      <li>Item one
      </li>
      <li>Item two
      </li>
    </ul>

[1] https://alexsci.com/blog/improve-https-1/ as an example post. Try view source.


You don’t need </li> either:

> An li element's end tag can be omitted if the li element is immediately followed by another li element or if there is no more content in the parent element.

https://html.spec.whatwg.org/multipage/grouping-content.html...

(Note also that “self close” is the wrong description; that’s the XML <element-name/> trailing slash feature, which doesn’t work in HTML syntax outside of SVG and MathML. This is end tag omission.)


This is interesting and I've seen others use this short syntax, but it's never worked for me. In the case of Neat, one thing I lose is the margin-bottom of my paragraph tags when I don't close.

There's lot of great feedback in this thread, however, so maybe if I apply some of that, the margin won't go away.

Yeah, I used a mix of px, em, and other oddities, because I'm a bit old school, I suppose.


Drop your list items down.

I aim to have one item per line in my frontend code. It makes a codebase much more readable at scale.

<ul> <li> Item one </li> <li> Item two </li> </ul>




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: