Web #

Useful symbols & entities #

  or  : The normal space (space)
  or  : Non-breaking space
 or : Zero-width breakable space
<wbr /> or <wbr>: Word break opportunity. Zero-width line break chance indicator. Acts like . Not supported by IE.
⁠: Zero-space word joiner

From short to long:

Special usage:

‑: Non-breaking hyphen
 or : Soft hyphen. Line breaking chance indicator, invisible when not breaking.

Webbed Briefs
Tania Rascia
The Valley of Code
Web design and development articles and tutorials for advent ◆ 24 ways
Interneting Is Hard | Web Development Tutorials For Complete Beginners (This website has some contrast/readability issues)
Explained: noopener, noreferrer, and nofollow Values - Point Jupiter
When to use target="_blank" | CSS-Tricks
Quick & Dirty Theme Switcher | Ugly Duck
Evan Hahn’s guides
All Paths | The Odin Project
Scrolljacking
Emphasis in HTML: em, strong, and de-emphasis
- “The best approach is probably to treat em as “local” emphasis, which should be indicated when the text is read but need not jump on the reader’s face, whereas strong is for “global” emphasis, which is roughly the opposite: text marked up using strong should be prominently highlighted, but usually not emphasized when actually reading the text. In fact, it might be a good idea, for such emphasis usage, to make strong elements clickable so that when clicked on they turn into normal text. Just like you might like to click on blinking or marquee text after it has caught your attention. (Ideally, this would be a browser feature; it can be clumsily implemented on a per-page and per-element basis using CSS and scripting.)”
This Page is Designed to Last: A Manifesto for Preserving Content on the Web

Lists:

Websites in English:

Websites in Japanese: (my post on fedi)

Websites in Chinese:

Other stuff: