Daily Shaarli

All links of one day in a single page.

September 3, 2022

Visit for a surprise – Eric Bailey

Web Content Accessibility Guidelines Success Criterion 2.4.4: Link Purpose (In Context) instructs us to ensure that a link’s accessible name makes sense when separated from its surrounding context. It’s why “learn more about elephants” is a far more effective link name than “click here.”

Cool to know.

This is all about maintaining an equivalent experience by not over-describing something for only a certain subset of people. Here, the goal is to preserve the author’s intentional act of creating a sense of curiosity, regardless of the way someone interacts with technology.

Databases For Front-End Developers: The Concepts Under The Hood (Part 2) — Smashing Magazine

About schema; tables; collections; keys and columns; unique, primary and foreign keys

Desktop Wallpapers — Smashing Magazine

A lot of wallpapers are available under this category. Thanks smashing magazine and Cosima Mielke :)

Finding The Balance (September 2022 Desktop Wallpapers Edition) — Smashing Magazine
All the user-facing states – Eric Bailey

User-facing state is what someone experiences when they interact with (or try to interact with) an element in some capacity. It is reactive, helping to communicate the ways in which something can be manipulated.

It is also worth noting that on the web, the majority of user-facing state can be communicated programatically. This means that there is an HTML attribute or ARIA declaration that can ensure people who can’t see the content can understand the state something has been set to.

It is different from the application state.

The states:

  • resting: the status of something before someone has interacted with it, or other content affects it. Oftentimes referred to as “Base” or “Default.”
  • hovered
  • active
  • focused
  • visited
  • loading / loaded
  • disabled
  • hidden
  • readonly
  • enabled
  • checked: marked for sending as data to another internal or external resource. Can be focused, but keeps it's selected state after focus is moved
  • unchecked
  • undeterminate
  • selected / deselected
  • dragged / dropped
  • collapsed / expanded
  • resizing
  • dirty: an editable element that has been manipulated on one or more occurences
  • pristine: editable element has yet to be manipulated by someone
  • saving
  • overflowing
  • scrolling
  • playing / paused / stopped
  • sticky
  • unstuck: sticky element removed from a side of the viewport back it its original position