Comme chaque année, le concours JS1k se proposait de vous faire réaliser une démonstration en JavaScript d’au maximum 1024bytes soit … 1k !

Cette année, le concours proposait le thème « X ».

J’avais écris ma démonstration à l’été 2018 … Elle ne prenait donc pas en compte le thème « X » (10 ans de concours JS1k), ni la proposition de faire une démonstration impressionnante …

L’idée de ma démonstration est venu de l’utilisation du site Patternify | CSS Pattern Generator qui permet de créer une image en ligne et d’en obtenir à la fois l’image et le code CSS équivalent.

Patternify Web Site

Je trouvais cela intéressant mais je me suis dit, qu’au vu de la taille de l’image générée, il serait utile d’avoir une prévisualisation de ce que cela donnerait en fond de page répétitif (propriété CSS background).

Draw it back.

Cette démo intitulée Draw it back. est d’une longueur de 1013bytes (caractères standards) de JavaScript compressé.

Elle permet de sauvegarder un fichier image de votre création, que vous pourrez utiliser dans vos sites web.

Exemple de fichier image généré par la démonstration

Amusez-vous bien.