News for hackers. Stuff that matters.

Ask HN: Low Fidelity Web Development

Having been on vacation for two weeks with nothing but a regular pixel 3 and an unreliable 4G I realised that the mobile web is really an absolute disaster.

I'm surprised that we tolerate it, in its current state.

Are there any good books or blogs on best practices of developing low fidelity websites geared towards people in the developing world, or those with slow connections, and smaller, low power devices and so forth.

Ideally, something that begins with first principles and then builds upon that with suggested solutions.

Thanks

( 8 comments | 7 points | on HN )
Re:Ask HN: Low Fidelity Web Development by clorohk on Friday November 19, 2021 @06:52PM (#29284157)
It’s actually fairly simple I think, but will probably lead you away from most modern client-side JS frameworks.

- render the website on the server (with PHP, Ruby, JS, Java, whatever you’re comfortable with)

- deliver HTML and CSS only as far as possible

- reduce JS to a minimum and stick to raw JS where possible (or use simple libraries like jQuery)

- use native fonts wherever possible

- rely on as few third party elements as possible (chats, popups, etc). You can’t control what they are doing/loading.

Very unsexy way of doing web development but worked for me anytime I had to do a project for a client.

Here’s a website of mine where I pushed my approach to the limit: https://www.pinhok.com/ (and yes, you could still produce nice designed websites with this approach, wasn’t the main target for me for this website for now)

Re:Ask HN: Low Fidelity Web Development by forgotmypw17 on Saturday November 20, 2021 @07:55AM (#29287664)
Keep using that device and build your sites to work with it.

Consider also older browsers. Netscape 3.04Gold is one of the best JS linters I've ever used.

Restrict yourself to HTML3 and enhance progressively from there.

If you're not too squeamish about domain names you visit, you can see what that may look like from the link in my profile.

(Works in almost every post-1995 browser, with JS and without, and on slow connections.)

Re:Ask HN: Low Fidelity Web Development by carlos_rpn on Friday November 19, 2021 @10:44AM (#29278325)
The best I could find were this http://www.aptivate.org/webguidelines/TopTen.html#:~:text=De.... and some book from 2007.
Re:Ask HN: Low Fidelity Web Development by mouzogu on Wednesday November 24, 2021 @03:36AM (#29328014)
thank you
Re:Ask HN: Low Fidelity Web Development by cenazoic on Friday November 19, 2021 @09:52AM (#29277739)
You might take a look at how the Low-Tech Magazine site is served and designed:

https://solar.lowtechmagazine.com/about.html

Re:Ask HN: Low Fidelity Web Development by mouzogu on Wednesday November 24, 2021 @03:36AM (#29328021)
thanks, very cool!
Re:Ask HN: Low Fidelity Web Development by crate_barre on Friday November 19, 2021 @01:50PM (#29280795)
One thing you can do is use dev tools (chrome dev tools) and throttle your bandwidth down to 3g. Build with that constraint and you should be good.
Re:Ask HN: Low Fidelity Web Development by mouzogu on Wednesday November 24, 2021 @03:36AM (#29328025)
thank you, good idea