258 private links
Use SVGs instead of icon fonts for the reasons explained in the articles.
Source of markup ghosts:
- proprietary markup introduced by browser vendors
- specs which didn*t see uptake like HTML3
- 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 attributesdingbat
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 withme
and more
They're nice and useful tools :)
They can be extended to browser extensions if they need to.
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.
With the latest changes in MacOS, we can now build Progressive Web Apps for all devices.
Exactly.
Law 1: Utility Classes Consume the Design System, They Don’t Create It
Law 2: Utility Classes Cover Only the Low-Hanging Fruit
Law 3: Utility Classes Complement, not Supplant, Semantic CSS
Let's take a look at how to spin up a simple Node server and use custom elements as templates in three popular formats
As always it depends of the need.
Signal has open-sourced a SQLite extension that provides better support for non-latin languages (Chinese, Japanese, etc) in the Full-Text Search (FTS) virtual table.
Baseline is a new term that defines a feature broad adoption. There are two stages:
- The new feature is available in all last versions of the browsers
- The new feature is widely available after 30 months after the first stage
We can then speak of baseline 2023 that groups all features usable in the considered browsers.
Limitations:
- the browsers considered are Safari, Firefox, Chrome and Edge. The rest is unknown even if they are listed on caniuse.com
- it does not take screen readers and accessibility tools in consideration as part of "availability"
:has
has a lot of possibilities with drag'n'drop. Here the developer uses 3 items: mushrooms, potions and .
For example: dragging some items to make parts of the site grow. https://lynnandtonic.com/assets/images/thoughts/case-study-2022-mushroom-header.mp4
See https://lynnandtonic.com/assets/images/thoughts/case-study-2022-david-rose.mp4 for more real interactions.
A potion adds color: https://lynnandtonic.com/assets/images/thoughts/case-study-2022-home-potions.mp4
Let's create a holiday card generator by learning how to get access to a user's webcam and compose a screenshot.
Great explanation of the rel attributes that provide:
- information to the resource linked
- behaviors while navigating
Create an accessible <marquee>
tag