Un effet inattendu utilisant les media-queries

Un effet inattendu utilisant les media-queries (le 17 octobre 2010)

Ce qui est bien avec HTML5, c'est que j'arrive à faire rejoindre plusieurs de mes centres d'intérêts, concevoir des sites avec mes animations avec Terragen 2 par exemple, via la balise video, mais pas seulement.

Une idée un peu saugrenue utilisant les media-queries m'est venu à l'esprit hier, et après quelques essais, j'ai obtenu un résultat correct.

Ce qui est encore plus agréable, c'est que cet effet ne sert strictement à rien (enfin, à première vue, j'imagine aisément que d'autres auront une meilleure idée ou sauront la magnifier). Inutile donc indispensable.

Pour voir cette idée de manière concrète : un effet inattendu via Media-query. Il vous faut une résolution supérieure à 1100 pixels pour en profiter, et bien évidemment, un navigateur supportant les mediaqueries (comme Firefox)... et une souris.

Permalien :

Flux RSS des commentaires de ce billet : https://www.nicolas-hoffmann.net/rss/commentaires.php?id_news=1342

6 commentaires

Posté par Alf le 18/10/2010 à 19:56:05
Rigolo, en effet ! Et particulièrement inutile, comme tu le précises (clin d’oeil)
Je connaissais pas cet effet, mais je me demande bien comment on pourrait s'en servir de façon utile ?
Posté par Nico le 20/10/2010 à 12:49:49
J'imagine qu'une idée est toujours exploitable... mais j'en vois difficilement l'utilité réelle, hormis de se taper un délire comique. (clin d’oeil)
Posté par Jojo le 22/10/2010 à 7:32:15
En effet, c'est rigolo et complètement inutile ! (grand sourire)
Posté par Gaël le 21/10/2013 à 17:41:50
Si on mélange ça avec un effet de parallaxe et des gifs animés, je crois qu'on peut assassiner quelqu'un !
Posté par Victor Brito le 21/10/2013 à 22:03:30
Tu aurais pu accompagner cet effet d'enregistrements de Jacouille : « Jour ! Nuit ! » (clin d’oeil)
Posté par Nico le 22/10/2013 à 8:52:00
Z'êtes des petits joueurs :

* {
transition: all 1s ease;
}

Ajouter un commentaire









L'option « Se souvenir de mes informations » utilise un cookie, elle ne sera pas effective si vous les avez désactivés.

Les balises HTML ne seront pas interprétées, il est donc inutile d'en mettre. Par contre, les sauts de lignes de votre commentaire seront pris en compte, ne mettez donc pas de <br />, le site s'en chargera. Bien sûr, un commentaire vide ne sera pas ajouté !

L'auteur (autrement dit moi) n'est pas responsable des éventuelles fautes d'orthographe dans les commentaires.
Tout propos raciste et/ou insultant sera supprimé sans préavis. Les commentaires hors de propos destinés à faire de la pub pour des sites seront également supprimés sans ménagement.

Je vous prie de me pardonner, j'ai énormément de mal à lire le "langage" SMS, il n'est donc pas du tout interdit de s'abstenir de l'utiliser. Qui plus est, vous avez sûrement un clavier digne de ce nom et pas celui d'un téléphone portable. Ne vous gênez pas pour utiliser l'option "Prévisualiser" si vous voulez vous relire avant de poster, je vous en remercie d'avance !

Cet article a été écrit par Nicolas Hoffmann.

Ce site est la propriété de Nicolas Hoffmann.
Tous droits réservés, les textes du blog sont publiés sous licence CC BY-NC-SA.