GamerStuffGamerStuffGamerStuff
  • Guides
  • Tutoriels
  • Tests
    • Casque Audio
    • Casque Virtuel
    • Clavier Gamer
    • Souris Gamer
    • Manette Gamer
    • Ecran Gamer
    • Test accessoires PC
    • DAC / Carte Son
    • Enceintes / Barre de son
    • Fauteuil Gamer
    • Vidéo Projecteur
    • Tests Divers
  • Actualités
    • Gaming Attitude
    • Rétro Gaming
    • Expositions / Conférences
    • GameOver
  • Home Cinéma
Lecture : Jouer à Tétris dans… un favicon !
Partager
Notification Voir plus
Taille texteAa
GamerStuffGamerStuff
Taille texteAa
Recherche
  • Guides
  • Tutoriels
  • Tests
    • Casque Audio
    • Casque Virtuel
    • Clavier Gamer
    • Souris Gamer
    • Manette Gamer
    • Ecran Gamer
    • Test accessoires PC
    • DAC / Carte Son
    • Enceintes / Barre de son
    • Fauteuil Gamer
    • Vidéo Projecteur
    • Tests Divers
  • Actualités
    • Gaming Attitude
    • Rétro Gaming
    • Expositions / Conférences
    • GameOver
  • Home Cinéma
Suivez nous
© 2022 Foxiz News Network. Ruby Design Company. All Rights Reserved.
GamerStuff > Actualités > Gaming Attitude > Jouer à Tétris dans… un favicon !
Gaming Attitude

Jouer à Tétris dans… un favicon !

Dernières mise à jour : 14 janvier 2019 10 h 31 min
Netrunner
Partager
Tetris favicon - programmation CSS Javascript
Partager

Des déclinaisons farfelues de Tétris on en a vu des milliers, en t-shirt, en launchpad, en citrouille, mais cette idée-là est encore plus délirante car elle allie originalité et complexité de programmation.

Vous connaissez sûrement le favicon (icône de favoris), cette petite image carré de 16 pixels sur 16 pixels servant à représenter un site web dans vos favoris, vos onglets, etc. Le notre reprenant la petite trombine présente dans notre logo.

Il se trouve que Benjamin Legrand, un développeur Front-end, a eu l’idée d’adapter un Tétris dans un favicon… éh si, c’est possible !
Encore faut-il avoir de bons yeux car les carrés permettant de définir les tétriminos sont de simples pixels.

Tetris en favicon

Pour tester la chose, rendez-vous à l’adresse suivante : https://s.codepen.io/jibhaine/debug/Boqmpe
C’est simple, c’est ingénieux, c’est original et ça marche. Bref, j’adore !

Et comme Benjamin est sympa, il a même mis en partage le code source de son programme : https://codepen.io/jibhaine/pen/Boqmpe.

Et pour les fanas de programmation CSS, Benjamin s’est même amusé à reproduire un GameBoy en CSS full responsive, chapeau !
https://codepen.io/jibhaine/pen/PqXZEd

Gameboy responsive en CSS

Source : mon collègue Clément 😉

Vous pourriez aussi aimer

Kung Fury 2, The Movie : la suite déchaînée du phénomène rétro est (enfin) là… mais bloquée.

Un Serious Game « Climate Station » sur Playstation 5

Viu_Bannes, un artiste de la réalité augmentée en 3D.

Gears of Mushroom, une figurine Mario bien badass

Voxatron, un jeu vidéo en vraie 3D volumétrique

Partager cet article
Facebook Twitter WhatsApp WhatsApp Reddit Email Copier le lien Imprimer
Par Netrunner
Le plus énigmatique membre de la rédaction. Le Runner est quotidiennement branché au réseau à l'affut d'informations geek et farfelues, il a à cœur de fuir le mainstream. Nourri à la sauce Atari 2600 et Commodore 64, plongé dans le monde PC avec un 486 DX2-66, il écume le monde du jeu vidéo depuis sa plus tendre enfance...
Article Précédent taille réelle (real size) Xbox One s Xbox One, Microsoft revoie (encore) sa copie marketing…
Article Suivant Console NES - Raspberry PI - cartouche - Daftmike NESPi, la vraie Nintendo Classic Mini c’est ça !
Déposer un commentaire

Laisser un commentaire Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.

Suivez nous

FacebookLike
TwitterSuivre
InstagramSuivre
YouTubeAbonnez-vous

Charte éditorial

Nos articles peuvent contenir des liens affiliés à travers lesquels nous percevons une commission sur les ventes générées. Cette commission contribue notamment au financement de l’hébergement du site.

Il est important de noter que cela n’affecte en aucun cas notre indépendance éditoriale ni notre évaluation impartiale des produits.

Publicité




Derniers Articles

test souris corsairsabre v2 pro ultralight wireless
Test Corsair Sabre V2 Pro Ultralight wireless – Souris gamer sans fil
Test UTouch G16 (UPERFECT) – Ecran portable | PC / Consoles / Mobiles
mouvement baptisé Stop Killing Games
Stop Killing Games, des joueurs se réunissent pour lutter contre les fermetures sauvages de serveurs de jeu par les éditeurs.
Actualités
test alimentation PC Be Quiet! Pure Power 13
Présentation de l’alimentation PC be quiet! Pure Power 13 M 750W

You Might also Like

Regenbox recharge piles non rechargeables
Gaming Attitude

Low-tech : Et si on rechargeait nos piles Xbox « non rechargeables » ?

12 février 2025
The Legend of Zelda - 1950s Super Panavision 70
Gaming Attitude

Et si The Legend of Zelda avait été un film des années 50 ?

14 novembre 2024
transforme PS4 en PS4 portable
Gaming Attitude

Il transforme une PS4 en PS4T, une console PS4 transportable.

12 novembre 2024
il oue medley zelda pendant mariage
Gaming Attitude

OKLM, il joue un medley Zelda au piano pendant un mariage

12 novembre 2024
//

Parce que le gaming, c’est sérieux ! Nous vous aidons à choisir les meilleurs périphériques.

  • Contactez-nous
  • Mentions légales
GamerStuffGamerStuff
Suivez nous
Copyright 2009 - 2025 GamerStuff.fr, Tous droits réservés.
adbanner
Notre site existe grâce à votre soutien !!!
Nous sommes financés par la publicité, alors si vous appréciez notre contenu, pensez à nous ajouter en liste blanche dans votre bloqueur de pubs. Soyez cool et aidez-nous à faire vivre GamerStuff ! 😎🎮
OK, je vais mettre sur liste blanche