Le Hollandais Volant

:O

Le réseau du métro de Londres. Ok.
En HTML et CSS uniquement. WHAT ?

Des kit de boutons/formulaires/UI en CSS.
Certains sont sympas.

Ha, voilà le problème avec les techno non terminées xD.

Bim ! Moins de 10 lignes de JS et je fais un truc qui permet d’appliquer un script uniquement sur un élément HTML se trouvant dans le viewport (sur cette démo, entre le Viewport.top+200 et viewport.bottom-200).

Ça marche dans Opera, Chrome, Firefox, IE 10 (théoriquement), ainsi que sur Opera et Firefox d’Android et de façon très fluide.

La méthode utilise juste onscroll, getBoundingClientRect et getElementsByClassName.

Mh…
En effet, ça ouvre quelques portes là, mais est-ce vraiment exploitable ?

Je veux dire, si seulement 3 images sur 10 de la page ont été envoyé par le serveur, ce dernier peut-il vraiment savoir ce que le client a vu / reçu / pensé / cliqué ?

Concernant la question de YT et de cacher ce qu’on fait…
Tu vas penser que je suis un mouton perdu, mais actuellement j’écoute pas mal de musique sur Youtube, et je découvre aussi plein de choses nouvelles. Les vidéos suggérées pour moi sont de plus en plus pertinentes, et non seulement je découvre des choses, mais surtout des choses intéressantes.

Pour le CTRL+S, je ne sais pas :O.
Faudra tester je pense.
EDIT : nope, à première vue non. Du moins pas avec le script actuel.
Faut que je teste une image en "display:none" : est-ce que le fichier du src="" est chargé ou pas ?

LazyLoad en quelques dizaines de lignes JS.

Je vais voir si je peux réduire ça encore d’avantage et intégrer dans dans la liste des images de Blogotext. (oui, 700 requêtes à chaque fois que j’ouvre la page, c’est plus tenable).

PS : à quand une implémentation de ça en HTML directement ? Ils l’ont fait avec le placeholder et d’autres machins, ce genre de choses a tout à fait sa place dans une spec HTML, surtout à l’heure où tous les sites le font, et où ça limiterait drastiquement la bande passante…

Ça peut-être utile.

Pas mal :)

:)

Je ne sais pas si beaucoup s’en servent, mais : http://lehollandaisvolant.net/humans.txt

Les navigateurs devraient le prendre en compte, je trouve, comme le fichier favicon.ico. Par exemple, dans les infos de la page, qui liste les liens avec "rel"…

Dans l’idée ce n’est pas mal : mieux que les images, car on peut les agrandir, mettre en gras, italique, etc.
On peut aussi changer les couleurs, mettre de l’ombre…

Par contre un fichier police sera plus lourd qu’une image avec les mêmes icônes dedans.

Quelques générateurs de trucs CSS : boutons, ombres, textes 3D…

Tiens, pour partager du code HTML/CSS/JS facilement, et montrer le résultat en directe (cliquer sur "update").

exemple : http://jsfiddle.net/Khmhk/266/

Oui, en soi c’est très simple de faire un thème responsive.

La plupart des thèmes ont une sidebar en float et un contenu principal avec un margin pour laisser la place à la sidebar.

Pour l’affichage mobile : désactivez le float sur la sidebar ET supprimez les marges.
Ensuite, réduisez les padding/margin (pour profiter du max de largeur possible) et réduisez les polices trop grande (1.2em pour titre du site, maximum).

C’est tout.

Ensuite il est toujours possible d’affiner les choses : rendre les liens plus gros et augmentez la hauteur de ligne pour les rendre plus facilement clicable au tactile, ajoutez des attributs HTML5 pour le mobile, etc.
Voir là : http://lehollandaisvolant.net/index.php?d=2012/11/24/20/37/08-css-faire-un-theme-mobile-avec-html5-et-responsive-design

(article via sebsauvage via (et rédigé par, d’ailleurs) tommy)

Ok, donc le W3 laisse libre aux navigateurs de choisir de mettre par défaut une bordure ou pas aux images ?

…

Ok. Ça veut donc dire que IE fait le contraire de tout le monde.
Il n’a pas raison, il n’a pas tord. Il fait juste chier.

Ah ben avec mon dernier article, je suis retombé sur ça.
Je plusoie.