Native alternatives to lodash utils

Native alternative to date-fns

Examples of UI patterns that does not need JS

Pagefind seems to be a great search tool for static (or SSRed) websites.

Pagefind is written in Rust and runs after my static site generator binary. pagefind indexes all generated HTML and provides an API to query that, including a search UI which you can see at the bottom of every page here. Perfect for my static site setup and it aims to not use much storage or bandwidth.

Available at https://pagefind.app/

Now I get it. As often, the container of the node matter.

type BLetter = 'A' | 'B' | 'C';
type BNumber = '1' | '2' | '3';

type Board = `${BLetter}${BNumber}`;
//    ^?

After the ^?, type Board = "B1" | "B2" | "B3" | "C1" | "C2" | "C3" | "A1" | "A2" | "A3" will be shown in the IDE.

A playground where some vue components can be defined. It is useful for quick tests and sharing them :)

Most of the time, your job with JavaScript to enhance components’ keyboard accessibility will be done with just a handful of tools, including the use of event listeners and certain JavaScript methods of a couple of Web APIs that can help us in this task.

• keydown event: Instead, the utility of the keydown event comes when you need to add functionality to other keys [than enter or space].
• blur event: most of the time, you’ll use it to reverse the possible changes you have made with the keydown event listener.
• focus event (rare), but instead the focus method!
• button.inert works and avoid a setAttribute.

#idea #project #vue: create a directive to handle keydown and blur event into one action that is reversible.

So now we can have a look at component patterns:

• toggletips
• tabs
• modals

A guide to primary navigation on the related HTML tags. About HTML, inert and tabindex are explained.

For CSS, an optimal focus indicator is explained. There are also :focus-within and :focus-visible.

Finally some patterns such as Accordion, Tooltips and skip links are explained.

The virtual DOM replacement for React. Gain big performance wins for UI and data heavy React apps. Dead simple to use – try it out today with just a block()

Use one package manager built on top of corepack to support npm, yarn and pnpm.

#idea #project support more package managers such as cargo, deno, ... :)

Oh wait, there is already something https://github.com/egoist/dum

It looks good.

32 bits integers: at most 4 billion.

Times it is not enough:

• database primary keys: 4 billions record is not that much
• IPv4 addresses: we want more than 4 billions computer on the internet
• registers: limited to 4GB of RAM
• unix timestamps: end at Jan 19, 2038

33 specific ways to improve your Rust code

Awesome things. One has to create a list of it :D

it also redirects to other awesome lists.