11 ms·
HTML and CSS alone are really powerful. I decided not to use any JS on my personal site, but you can still have: + collapsible sections with `details` and `sum
by tyre 5y ago
HTML and CSS alone are really powerful. I decided not to use any JS on my personal site, but you can still have:
+ collapsible sections with `details` and `summary`[0]
+ footnotes, with navigation to/from with anchor tags. You can even apply CSS on the currently selected footnote.[1]
+ Semantic web that is compatible with everything and has sensible defaults so you can focus on what you're actually doing!
+ Tiny deploys and page loads. Single KBs (with brotli compression) for long blog posts. Just `scp` and Nginx keeps serving.
I can't think of anything else I want. And when I think of it, I can probably build it on top.
[0]: https://maddo.xxx https://maddo.xxx
[1]: https://maddo.xxx/thoughts/an-introduction-to-product-strategy-expansion/part-0-an-introduction.html#why-zenpayroll https://maddo.xxx/thoughts/an-introduction-to-product-strate...
- eatYourFood 5y agoDid you manage to sell Romulus to any gov customers? I built and sold a similar solution on top of SAP Hybris which we sold to several government departments around the world. It’s a very hard sell even with the worlds largest software sales organisation behind you.
- tyre 5y agoWe did, yes. The start was in political offices, which need CRMs and are motivated to move or they're fired. Constituent service satisfaction is one of the top indicators of being re-elected. Moving into permanent government departments is more of a pain but we did see some success there. Ultimately, though, the trough between early-adopters and getting mainstream is dishearteningly deep and there aren't enough ealry-adopters to build momentum. Not for us anyway.
- culi 5y ago> HTML and CSS alone are really powerful https://html.energy/ https://html.energy/
- phist_mcgee 5y ago> Written in pure, raw HTML. Can you feel the energy? Has several CSS files (one 2.5 Kb) and a 13Kb minified js file (https://www.statcounter.com/counter/counter.js https://www.statcounter.com/counter/counter.js) that does... something related to user tracking. I don't get it.
- 8bitsrule 5y agoThe Patreon page isn't HTML. Guess there are limits.
- Lorin 5y agogetting zombocom vibes
- adabaed 5y agoYou like to live in hard mode. I like that.
- CoryAlexMartin 5y agoBuilding a website without JS is not hard.
- adabaed 5y agoDepends of what a website is for you.
- dmitriid 5y agoThe same it is for everyone since the beginning of WWW: a static page with images. The web is uniquely unsuitable for anything else.
- deleted 5y ago[deleted]
- cutler 5y agoSo forget e-commerce? Amazon didn't do too badly and CGI was hot on the heels of HTML so I think "everyone" is a little exaggerated.
- rhgg 5y agoThanks for sharing, beautiful site. Great typography.
- wishinghand 5y agoI’d want templating if I’m going to make more than two pages on a site.
- danlugo92 5y agoYou can run React (and everything else) off a CDN.
- rmbyrro 5y agoReact runs in the browser. You probably mean serve the files off a CDN
- tentacleuno 5y agoIt can also run in the server with Server Side Rendering[0]. I believe some CDN's also offer support for this, too. [0]: https://reactjs.org/docs/react-dom-server.html https://reactjs.org/docs/react-dom-server.html
- danlugo92 5y agoYeah that's what I meant.
- JonathanBuchh 5y agoStatic site generators like Jekyll and Hugo are perfect for this :)
- onion2k 5y agoHTML has that built in: https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots https://developer.mozilla.org/en-US/docs/Web/Web_Components/... You'd need some JS to make use of them though.
- wishinghand 5y agoTrue, but keeping to the spirit of the comment I replied to, I’d prefer it to be HTML only. Something like <template src=“header.html”> and it just uses a relative or absolute path.
- authed 5y agonice. most sites that use javascript don't need to... https://i.imgur.com/qaJYWit.png https://i.imgur.com/qaJYWit.png
- a_t48 5y agoI’m not sure that Google Maps is the best example of something that should work well without JS.
- authed 5y agoTrue, but even Google Maps could work without Javascript... It may not be as easy to use without it though.
- pge 5y agoI still remember the first time I used google maps. It was the first example I ever saw of what was then called AJAX, and it blew my mind. Without javascript, google maps would have been the same as mapquest (or any other mapping sites from that era): a full page refresh to move or zoom on the map. Javascript was the differentiator that made google maps the winner.
- authed 5y agoI'm not saying the experience is as good, but sometimes you need or want to browse without Javascript (at least some people).
- nawgz 5y agoAh, <details> and <summary>. The most glorious HTML5 elements of them all. Use and abuse these for all sorts of custom yet native capabilities, like <select>s with custom styles and proper keyboard/native controls.
- ngcc_hk 5y agoCan you filter some of the content based on say selected keywords? #physics on physics and … not sure even one can two keywords.
- 6510 5y ago#physics:target #section-1, #physics:target #section-2{display:block} then wrap the sections in <div id="physics">
- mathnmusic 5y agoI have never understood why footnotes are added to the bottom when we have an interactive medium available at hand? Why not leverage <details> and <summary> to show them in-place without breaking the flow and without listing them all at bottom? See your comment as an example. Why list all links at the bottom rather than in-place?
- gjvnq 5y agoOn my website, I ise margin notes for the desktop and "footnotes" for mobile, however said footnotes are displayed just below the paragraph in which they appear. This avoids requiring both long scrolling and interactivity.
- gnubison 5y agoDo you think you could elaborate on how this works? It seems like a very ergonomic alternative to traditional footnotes.
- tyre 5y agoGood question. For my site, there are other options that I'd like to explore. Tooltips for smaller things (like definitions) maybe sidebar notes for large screen sizes, and inline notes (like show/hide inserting it between that line and the next) for mobile. I'll look into those.
- mathnmusic 5y agoI like how the site being discussed implements footnotes with a hidden checkbox followed by <small> tag: https://john-doe.neocities.org/ https://john-doe.neocities.org/
- npteljes 5y agoOn HN it makes sense to me, because a long link would interrupt the flow of text. So you do a footnote to make them go out of the way. Otherwise Wikipedia has a happy medium I think; footnotes are on the bottom where you'd expect, but they show on hover so you don't have to jump there and then back.
- samus 5y ago~~With progressive enhancement, you could arrange to display only the current subpage. When Javascript is off, the whole page would render as a long-ish HTML document. Which is indeed no issue at all with the sitemap in a sidebar.~~ Edit: I obviously didn't read the article...
- mcovey 5y agoOne suggestion, set the overflow to "scroll" so the scrollbar is always visible. When I open a section it appears, adding like 10px on the right and all the content moves left.