Ask HN: What do you hate most about modern websites?
My top 3 are:- Cookie consent popup- Excess animations- Menu overlay
- In the morning, I work at the Airbnb/hotel. I start the day without worries about packing/unpacking or preparations: a solid three to four hours of work. (Requirements: get a room with a workstation and a good chair. Tables are usually easy to find, but if the chair isn’t good enough, buy one.)
- Natural stop to have lunch, usually with a longer walk.
- Start work again around 2 PM at some coffee shop and order a coffee. Another three hours of solid work.
- Natural stop to use the bathroom (always a problem as a solo nomad, but not anymore), stretch my legs, and head to a different coffee shop.
- Final batch of work. Order something light to eat. No more caffeine. Another three hours of solid work.
In the end, I can get between nine and ten hours of solid work per day. I spend around three hours in one place, so I didn’t notice any uncomfortable looks.
I also don’t rely on power outlets or local Wi-Fi never. The laptop needs to last the entire time, but it’s easy because it’s only in the afternoon (around six hours, not the whole day). For Wi-Fi, I always get a good mobile package with unlimited data if possible. This makes it easy to sit anywhere, really.
My setup is usually my laptop, an iPad as a second screen, earbuds, and a mobile phone. It works like a charm.
I wonder why there isn't a program for self-taught students that provides validation for their efforts, like exams and access to local labs, but no classes. I believe a lot of older adults would like to go back to school but don't want to be in an environment that hasn’t even been remotely designed with them in mind.
I think "very difficult" is misleading here. It implies there is an answer if you try hard enough.
<script>onclick=async e=>{x=e.target.dataset.x;if(x){e.preventDefault();document.querySelector(x).innerHTML=await fetch(e.target.href).then(r=>r.text())}}</script>
<a href="/somepage" data-x="#lib">Hi</a>
<div id="lib"></div>
doesn't works with form though.
[1] https://raw.githubusercontent.com/marcosnils/orange-juicer/m...
I also created an open-source project called Evaluatly (https://evaluatly.com) to create dynamic multipage stories.
Co-founder or not, I'd love to chat with anyone interested in these projects. gpiresnt at gmail, or DM on twitter on my profile.
My top 3 are:- Cookie consent popup- Excess animations- Menu overlay
But it would be even better if they could get the information directly on JSON. So much carbon saved ;)
Also, if you are interested, the project is on GitHub: https://github.com/webdatarender
At first, I was thinking to use some kind of general schema, but those things never work. So I decided something much simpler: the render determines the schema. This is an important aspect that I am working on. If you choose some specific render, your JSON will have a specific shape. For example, if the render is for a landing page, the JSON could be something like "about", "products", "team", etc. (never <section>, <h1>, etc...). But it is too soon to tell I'm still thinking about it.
(but an interesting corollary is that the render could be also a program with the "config" part. It would be an alternative to website builders. Every render would be a different WB tailored for the website)
> I'm curious how you plan to prevent your JSON format from being (ab)used for presentation purposes, where people add extra content to make the page display a certain way. And if you have a plan, is this plan feasible using HTML as well?
I don't have a plan for that yet, and it will be difficult because we are accustomed to mixing data+markup. But I think the mindset is to stop thinking the website for just the browser. The website could be information first, presentation later.
I put the meta tag to render some special characters without relying on the server, but HTTP header would be a better option (Content-Type: text/html; charset=utf-8).
And you nailed the process.
Also, send me a link, I would love to check it out!
I tried to solve the quirks mode, but it is kind of hilarious that the browser needs the odd <!doctype html> to flip to standard mode. There are ways to inform the doctype on the headers or XHTML, but this would complicate a simple solution. But I was quite surprised how consistent is the look on different browsers, at least in the modern ones.
For example, the basic render "# Title" creates an h1 header, but if you created the render, you know the internal schema of the JSON, so you can use the correct HTML element for that without recurring to this hack.
But the principle is important: try not to use markup on the JSON, because this would make it difficult for others to consume your website with JSON.