→ Remember: if your user is supposed to go somewhere, use an <a> element. If something with JavaScript needs to happen, use a <button> element.

I agree with that: link for navigation and button to trigger actions.

mask can hide part of the element is applied to.

It is a shorthand for all mask properties. I didn't find real example yet.

const currentSection = ref()
onMounted(() => {
  const observer = new IntersectionObserver((entries) => {
    entries.forEach((entry) => {
        if(entry.intersectionRatio > 0) {
          currentSection.value = entry.target.getAttribute('id')
        }
      })
     document.querySelectorAll('article h2').forEach((section) => {
        observer.observe(section)
     })
})

then add a class to the active currentSection.

About the onclick attribute and the event variable: onclick="submit(event)" works. But why ?

The spec shows that the string passed to a handler is combined like this:

function $name (event) { $body }

I'm not sure what $name is but $body is the string passed to the handler attribute in HTML. event is an argument. This string becomes a function through the Function constructor I'm assuming.

To test he new "this probably should be an f string" checker, they generated a list of the most popular python repositories on Github by using Github's topic search API [with this script].

With the rule:

GIVEN a string does not have an f prefix
WHEN the string contains {foo}
AND foo is in scope
THEN it’s probably missing an f prefix

And minimizing the false positive such as

• The string is later used in an str.format(…) call or str.format_map(…)
• The string is used in behave style test `@when('{user} accesses {url}.')

• enterkeyhint
• cite (reference an URL to an <q>, <blockquote>, <del>, <ins>) and datetime
• attributes for custom ordered lists: reversed, start, type, value
• download attribute for <a> that has a value for the suggested file name
• decoding attribute for the <img> element: sync or async the decoding of a picture.

A helper is something specific to a given project. It wouldn't generally make sense to share helpers between projects; the category.helpers.js functions really only make sense for this blog.

A utility is a generic function that accomplishes an abstract task. Pretty much every function in the lodash library is a utility, according to my definition.

I find the distinction between both useful.

Et une application tournant sous électron avec une BDD SQLite en typescript bien propre, c'est partiii.

Ou un programme Deno / NodeJS

• trigonometric functions
• new viewport unites
• :focus-visible
• scroll-behavior can be smooth :)
• lazyloading images by default with an attribute
• html element to get a modal with all the accessibility stuff baked right in ([demo](https://codepen.io/una/pen/dyJRwvG))
• array.prototype.at supports negative integers

All the searchable data are loaded into a json inside a script tag. The searchable content is made through title, url, date and content.
It uses 2.14MB used though :/ But no request

Inspiring me to do the same on my blog :)

A function that returns a type such as

asserts value is NonNullable<T>

A feedback about typography on the web

Breakpoint:   0       200px     400px     600px     800px     1000px    1200px    1400px       
               ├─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────>
 Slice:        ·   xxs        xs   ·    s    ·    m    ·    l    ·    xl       xxl       xxxl   
               ·                   ·         ·         ·         ·                              
               ·                   ·         ·  at(m)  ·         ·                              
               ·                   ·         ├────────┤·         ·                              
               ·                   ·         ·         ·         ·                              
               ·                   ·         · from(m) ·         ·                              
               ·                   ·         ├─────────────────────────────────────────────────>
               ·                   ·                   ·         ·                              
               ·                   ·            to(m)  ·         ·                              
               ├──────────────────────────────────────┤·         ·                              
                                   ·                             ·                              
                                   ·         between(s, l)       ·                              
                                   ├────────────────────────────┤·     

Using slice instead of pixel values makes it more comfortable. I am still using the mobile-first approach.

Topics:

• Date and time formatting
• Variable names and debugging
• __repr__ and __str__
• Superior performance
• Full power of formatting spec
• Nested F-Strings
• Conditionals formatting
• Lambda expressions

An editor to organize the different snippets

Keyboard-friendly, accessible multi-select Svelte component.

Minimal web framework based on XML syntax

Syntax, timing function, looped animation, multi-step animation, alternating animations, shorthand values, fill modes (forwards and backwards), dynamic animations with CSS variables

May be useful someday