225 private links
Editor’s Note: previous titles for this article have been added here for posterity.
Silverlight, Pogressive Web Apps, Css in JS, Flash, ActiveX, Java applets
Tab and enter is the minimum.
There is more than 500 shortcuts.
Shortlist:
- focus indicators
- logical tab order
- skip navigation links
- keyboard-accessible interactive elements
- test them
Application SDKs provide services to use the customer's bandwidth. Companies sell these services for web scraping. The client's hardware is then the proxy. The client is a one of "millions of rotating, residential and mobile IP addresses". So it's lying to the end user too. The one whose equipment is used
without agreement, for purposes unknown to them.
Jan Wildeboer thinks most AI companies rely on these proxy services to scrap the web.
So these companies (assuming AI) are definitely doing shady stuff.
Against the experience of SPAs
Some things you have to consider with SPAs:
What happens when users refresh the page?
What happens when users click the back button?
What happens when users click the back button twice?
What happens when users click the back button twice, the forward button once, and then the back button again?
What happens when users try to open a link in a new tab?
What happens when users users copy the link from the address bar and send it to a friend?
Where does the page focus go when it navigates?
But SPAs make sense in some cases though.
The purpose of NetHistory is to give you a feeling for what it was like in the pioneering days of BITNET and the Internet.
It references all web utilities :)
About regular links and hx-boost. This hx-boost exists only to compete with SPA. Building good websites requires dropping the sugar high of hx-boost and saying “here’s how to use a cache header.”
Use cache headers: cache-control
if possible and etag
for dynamic resources. "If I don’t even want to include a version number—maybe for a file like stylesheet.css—I can use a URL query."
Leverage HTML as much as possible: it only gets better.
When to use HTMX then? "Until HTML has an API to keep live content persistent across page navigations, some SPA functionality is required to make that happen."
SPAs are an advanced tool that the industry deceptively marketed as a simple one. Aram is a highly experienced web developer who’s using hx-boost to push the boundaries of what’s possible with page navigations; Most people, who just want to add a little interactivity to their webpage, should stick with the simplest tool available: a regular link.
A project leant to curate web content online. It is only an archive by now.
The Open Directory Project's goal is to produce the most comprehensive directory of the web, by relying on a vast army of volunteer editors.
It was so simple, anyone who wanted to could create a free account [on Geocities, Tripod, FortuneCities, or Freeservers and build a website to share their hobbies and ideas.
The web was more about browsing and exploration.
It is worth remembering a website [...] can also be art. The web is also a creative and cultural space that [can be Free from convention defined by commercial product design and marketing].
If the commercial web is "industrial", you could say that the small web is "artisanal". One is not better than the other. They serve different needs and both can co-exist in an open web.
There is a lot of old good website, internet archive links and examples
age.xml is a free and easy-to-use website label that gives parental control systems information about a website’s age rating
(via https://nicolas-delsaux.hd.free.fr/Shaarli/shaare/LMJ21Q)
Use vanilla HTML/CSS
Don't minimize that HTML
Prefer one page over several
End all forms of hotlinking
Stick with native fonts
Obsessively compress your images
Eliminate the broken URL risk
About the web of the 90s:
Many people had personal web sites, usually published on GeoCities, where exploring the web was a fun adventure that was not fuelled by algorithms.
The Web 1.0 died because search engines prioritzed other contents. In some ways it is good because we get far more accurate search results. On the other hand, it's all about the money and tracking.
How to turn it positive?
Use social media sparsely: quit Facebook, Instagram and others. Look forward for decentralised alternatives like Mastodon. Break the dopamine addiction and turn off all notifications from social media. Familiarize yourself with POSSE and make your site the single source of truth for all your content online.
Discovering Web 1.0 through neocities: a modern implementation of GeoCities.
There are also other website aggregators such as personalsit.es.
Look for a blogroll on personal websites you come across. If you own a website, add one!
Pour l'instant, seul me vient le nom « pages racines » en français. - Pif 🇪🇺 (@pif@snac.yannicka.fr)
Des traductions françaises de Slash Pages.
The browser provides a default text size based on user preferences, and our text should be relative to that preference. Establishing our root font-size with an em value helps keep that relationship intact.
About the definition of one rem:
I really do want sites to usually just give me text around 24px (or ‘large’), because that’s a pretty good default for me.
Sites with smaller body text would ideally increase their font size, but sites with the same size or larger text certainly shouldn’t get even bigger.
Yes I share this assumption.
I slightly better approach:
html {
font-size: clamp(1em, 0.9em + 1vw, 1.5em);
}