Daily Shaarli

All links of one day in a single page.

December 18, 2023

Test-driven HTML and accessibility - HTMHell
The Hellish History of HTML: An incomplete and personal account - HTMHell
These font stacks will improve your site performance - YouTube

system-ui is a good typography because it falls back on the system font (that is readable). It means 0 bandwidth cost.

A11y bookmarklets | A11y Tools

They're nice and useful tools :)

They can be extended to browser extensions if they need to.

The UX of HTML - HTMHell

It can be a meme: instead of talking about semantics, UX is trendy and can be used as trendy shit word instead.
UX HTML is more accessible, less error-prone, more maintainable because it uses the right tags and attributes. Yes it is semantic at the end.
So UX of HTML matters.

The Many Meanings of Open - Design Issues
  • Universality
  • Open Standards
  • Open Web Platform (OWP)
  • Open Government through Open Data
  • Openness with personal data on the Social Net
  • Open Platform
  • Open Source
  • Open Access
  • Open Internet and Net Neutrality

Too many websites could generate nice reports as documents, but had no way to access the data behind it to check and build on the results.

Seriously, Don’t Use Icon Fonts – Cloud Four

Use SVGs instead of icon fonts for the reasons explained in the articles.

A Career Cold Start Algorithm

How to ramp up quickly?

The first step is to find someone on the team and ask for 30 minutes with them. In that meeting you have a simple agenda:

  • For the first 25 minutes: ask them to tell you everything they think you should know. Take copious notes. Only stop them to ask about things you don’t understand. Always stop them to ask about things you don’t understand.
  • For the next 3 minutes: ask about the biggest challenges the team has right now.
  • In the final 2 minutes: ask who else you should talk to. Write down every name they give you.

Repeat the above process for every name you're given. Don’t stop until there are no new names.

Native mobile apps are optional for B2B startups in 2024

With the latest changes in MacOS, we can now build Progressive Web Apps for all devices.

HTML: The Bad Parts - HTMHell
The Ghosts of Markup Past - HTMHell

Source of markup ghosts:

  1. proprietary markup introduced by browser vendors
  2. specs which didn*t see uptake like HTML3
  3. use case specific markup on devices like WebTV or early smartphones

Some old tags:

  • <audioscope> to display the sound over time. A demo https://www.youtube.com/watch?v=tM7YVhar2Dg
  • <au> for authors
  • <blackface> for double-weight boldface... in HTML 🤡
  • <center> oh shit
  • <font> and color attributes
  • dingbat attribute to embed emojis, extended unicode entities, icon fonts and custom things. Now it is used as < for example and does not rely on the attribute anymore.
  • <multicols> ....
  • <person> in HTML 3, but it opens the door for so many other tags. Now instead we can rely on <a rel="author"> or with me

and more

Abstractions in Web architecture - Design Issues

The web of things is built on the web of documents, which is built on the web of computers controlled by Domain Name owners, which itself is build on a set of interconnected cables. This is an architecture which provides a social backing to the names for things. It allows people to find out the social aspects of the things they are dealing with, such as provenance, trust, persistence, licensing and appropriate use as well as the raw data. It allows people to figure out what has gone wrong when things don't work, by making the responsibility clear.

The value of this architecture is that each layer leverages the social components of the lower layer's architecture