:nth Tester

#14544

Du mal avec les sélecteurs CSS en « :nth* » ?

Voilà un outil pour tester.

Je m’en note quelques unes-ici :

Cibler les 4 premiers éléments d’une liste :

:nth-child(-n+4)


Cibler les 4 derniers éléments d’une liste :
:nth-last-child(-n+4)


Cibler tous les éléments SAUF les 4 premiers d’une liste :
:nth-child(n+5)

(sélectionne tout à partir du 5e inclus, donc ne touche pas aux 4 premiers — on peut aussi utiliser :not(:nth-child(-n+4)), mais ça n’est pas toujours supporté par les nav)

Cibler tous les éléments SAUF les 4 derniers d’une liste :
:nth-last-child(n+5)

(sélectionne tout jusqu’au 5e en partant de la fin inclus, donc ne touche pas aux 4 derniers — même remarque, pour :not())

https://css-tricks.com/examples/nth-child-tester/

GIF : Il faut arrêter maintenant | CommitStrip

#14542

Ouais, Facebook avant, maintenant c’est l’hystérie avec Twitter et les gif : genre WTF, c’est juste un GIF… Je peux faire la même chose sur mon blog depuis longtemps.

Le GIF est pourri, mais malheureusement aPNG n’avance pas (à par Firefox qui le supporte bien).

Je pense aussi que les méthodes du style de Vine ou Tumblr sont l’avenir de ce côté là : des mini vidéos, dans un format vidéo (webm, mp4…).
Je n’y vois que des avantages :
– y’a le son
– ça charge quand on clic dessus (et sans bricolage JS/HTML)
– c’est plus léger
– c’est plus beau
– et utiliser des vidéos pour afficher des vidéos, ça me semble… disons… logique.

http://www.commitstrip.com/fr/2016/02/18/gifs-you-need-to-stop-now?

image - 600x750px

#14540

« Everyone appreciates your honesty, until you’re honest with them, then you’re an asshole. »

http://img-9gag-fun.9cache.com/photo/a8MqYYe_700b_v1.jpg

This is a Levitron. It's a top that floats due to magnetism and gyroscopic st...

#14539

Jolie !

Une toupie qui lévite dans les airs grâce au magnétisme. S’il ne se retourne pas pour tomber, c’est grâce à la rotation :

http://www.youtube.com/watch?v=uUUQ_EJZnY8
http://www.levitron.com/physics.html

Pour d’autres gadgets scientifico-éducatifs : http://couleur-science.eu/?d=2013/04/06/23/17/05-gadgetsjouets-scientifiques-et-educatifs

https://plus.google.com/+CorinaMarinescu/posts/AsW2Ve2UHNQ