Comment créer un simple Web Component ?

Exact:

Quand on utilise les attributs « data-* », JS le récupère toujours sous la forme d’une chaîne de caractères, même si ça contient un nombre.

De ArthurHoaro:

Non. Ça c’est le genre de tricks qui marchent, mais qui rendent le code illisible. Il suffit d'utiliser parseInt(div.dataset.nb) puisque oui, dans le DOM, tout est chaînes de caractères.

Looks promising to avoid javascript on the frontend.

Pratical to write a CV with a web framework and then renders it as a static website !
Or for every website that does only have few JS code.

(for websites)
PHP ~ 80 %, followed by ASP.NET, Ruby and Java.

Javascript is represents only 1.5% of the backends for websites.

Le jeu est disponible à cette adresse: https://across-multiverse.com/

timefind lets you find the exact moment that something was added to a website.
It quickly flips through Web Archive snapshots using binary search, pinpointing the date of the modification.

JavaScript contient une solution d’internationalisation assez puissant, qui permet de détecter la langue d’un texte ou de formater une date, un nombre…

Ici, j’utilise tout juste 10 lignes de JS pour capter une date entrée par l’utilisateur et la traduire dans la langue qu’il souhaite.

J’ai mis une liste immense de codes de langues, mais beaucoup ne sont pas supportées. Je vais peut-être faire un filtre pour les virer dynamiquement.

En attendant, vous pouvez essayer des langues un peu communes : anglais, allemand, danois… Même le perse, l’arabe ou le japonais sont supportés !

Et ça formate la langue correctement, avec les majuscules, les vigules et l’ordre tout comme il faut. Actuellement il n’y a pas les variantes (pour l’anglais, par exemple j’ai juste « anglais », sans distinguer anglais UK et anglais US).

J’étofferais ça probablement un jour, peut-être avec les émoji de drapeaux, etc. pour faire joli.

Je n'y a avais pas pensé, mais c'est tellement simple et pratique ! Mhmhmhmh il y aurais moyen d'améliorer cela !
#project #idea

CSS only alternative to Javascript !!! These patterns are .

One point is that some examples are using a tons of CSS (i.e. Todo List).
Quite are impressive such as the Twitter like animation.

And other are basic and simple such as the ripple effect: https://github.com/mladenplavsic/css-ripple-effect/blob/master/src/ripple.less
EDIT: this ripple effect is independant of the mouse position on click

25 Javascript weird things

A simple library for handling keyboard shortcuts in Javascript.

La bibliothèque peut facilement s'intégrer avec un fichier JSON pour une configuration personnalisée ! 👍 Seulement pour des applications utilisant intensivement les raccourcis claviers.

Des solutions pour résoudre différents problèmes en 1 ligne de code

Actually, it is !

Thanks for this inspiring post 😄

Cet article est rempli de considérations extrêmement intéressantes sur l'intérêt qu'il y a à limiter la taille de ... tout, en fait. Mais surtout de son site web dans toutes ses dimensions : moins de features, moins de dépendances, ...
(via https://nicolas-delsaux.hd.free.fr/Shaarli/?uyqHfg)

In Vue 2, to bind a class from a parent to a child component, the child must have :class="data.staticClass || ''"

La différence entre les variables primitives (string, number, boolean) et les complexes (object)

WTF is the this keyword

Setting the property name into brackets give the ability to evaluate its value as an expression. Thus custom property names can be created:

let a = {
  ['foo' + 1]: i,
}
console.log(a.foo1) // print 1