En référence à mon dernier post, voici une vidéo en slow-motion qui montre comment Gecko (Firefox) affiche une page web.
On note très bien les différents passages du moteur DOM sur la page, pour y placer les éléments de la page, avant le rendu final.

Voici une autre vidéo (50 minutes) où un intervenant de Mozilla explique en détail comment fonctionne un moteur de rendu (Gecko) : http://www.dailymotion.com/video/xp69td_un-navigateur-comment-ca-marche_news

Si vous faites du CSS ou du JS, je vous conseille de regarder ça, on y apprend des choses.

Sinon, dans les outils de développeur de Firefox, il y a un onglet (à activer dans les paramètres) pour visualiser tout ce qui se passe : action sur le DOM, reflow, recalcul des styles…
— (permalink)

Je viens de voir que parfois, surtout Chrome, buguait sur ce script : le calcul des tailles des images avait déjà commencée que les images n’avaient pas encore toutes chargées dans le navigateur.

Il faut impérativement lancer le JS quand la page a finie de charger (ou au moins les images). On fait ça avec un onload :

window.addEventListener('load', tileImages);

Si ça marchait dans Firefox et pas toujours dans Chrome, c’est parce que la fonction JS « getComputedStyle » ne fonctionne pas pareil.

Un style CSS, par exemple une largeur, se calcule en 3 étapes :
– 1) la valeur déclarée : c’est la valeur retenue (selon les règles de spécificité CSS) une fois que le CSS est calculé.
– 2) la valeur calculée : quand on déclare une valeur en pourcent, le navigateur transforme ça en pixels (ex : largeur du bloack parent = 200px, et l’enfant fait 50%, la valeur calculée est 100px).
– 3) la valeur retenue : quand il y a plusieurs niveaux d’imbrication de valeurs relatives (%, em, en…), il faut parfois recalculer certaines zones.

À l’issue de la 3e étape : chaque élément de la page dispose alors de tailles, et positions finales sur la page. Le rendu est alors effectué.

Sauf que… pour certaines propriétés CSS, en particulier « width » et « height », le « getComputedStyle » retourne la valeur calculée (étape 2) et non la valeur finale (étape 3), ce qui pose un problème dans le cas présent.

Chrome et Firefox ne renvoient pas toujours les mêmes valeurs à cet endroit précis : je crois que Firefox refait un rendu en plus de tout ça (c’est pour ça que ça marchait dans Fx et pas Chrome).

Tout ceci devient assez compliqué. Mais savoir commence fonctionne un navigateur en internet permet parfois de s’en sortir.
— (permalink)

Intéressant tout ça !

Et toutes les interprétations expliquent pas mal de choses : le 7 « divin » explique pourquoi c’est le 7 est souvent un chiffre porte bonheur ou un chiffre magique (dans Harry Potter, c’est le chiffre le plus puissant, la raison pour laquelle Voldemort utilise 7 horcruxes).
— (permalink)

Voilà.

C’est très basique comme détection : uniquement le moteur de rendu est détecté, mais ça permet de déduire le navigateur et la version (avec un peu plus de travail).

Pas besoin de JS, ni d’user-agent.

http://lehollandaisvolant.net/img/c0/Capture-1.png
— (permalink)

Les modules de vie privée sont sympa pour masquer les informations d’un navigateur. Mais il reste possible de détecter les navigateurs, même sans UA, en JS : https://jsfiddle.net/wvbdnb8o/

Et même sans JS, il reste possible de le détecter en CSS : certains éléments (-moz-, -webkit-…) par exemple, ne sont exécutés que par certains navigateurs. Il suffit qu’on mette une URL dans la valeur de cet élément CSS — URL différente pour chaque navigateur — et le serveur peut savoir quel URL navigateur est utilisé.

Selon l’évolution des spéc CSS, il est même possible de trouver une fourchette de la version utilisée.

Je n’ai pas testé tout ça, mais si c’est possible alors soyez sûr que Google, FB & Co l’utilisent déjà depuis longtemps.
— (permalink)

Simulateur plutôt réaliste d’IE-6

(via les LIDD)
— (permalink)

WTF !
— (permalink)

:/
— (permalink)

C’est désolant, triste, mort…
Et magnifique à la fois.

L’une des pensées les plus retournantes que j’ai, c’est quand j’essaie d’imaginer ce que voyaient les premiers astronautes à marcher sur la Lune. Arriver sur un astre complètement vide, gris, mort… Pas un arbre où s’abriter, pas une maison, grotte ou abris pour se reposer : tout est poussière et rochers.
Sur Terre, même en plein désert on sait qu’il suffit de marcher quelques jours pour trouver une oasis ou un village. Sur la Lune ou sur Mars, il n’y a rien du tout.
— (permalink)

Hm… il me semble que les commentaires ne marchent plus depuis quelques jours sur mon site. Tout ce qui a été posté depuis le 30 juillet n’a donc pas été publié.

ÉDIT : 19h48 : c’est bon, ça remarche.

La cause était une redirection .htaccess qui venait s’interposer entre la page visitée et la page qui recevait le formulaire au moment de le poster.

Je trouvais bizarre qu’il n’y ait plus de commentaires depuis quelques jours, d’autant plus que je bricole beaucoup de choses sur Blogotext en ce moment, ça pouvait donc bien être bug aussi. Ici en l’occurrence, c’était en bug.

Désolé tout le monde, si vous avez posté un commentaire il y a moins d’une semaine : il est perdu (peut-être se trouve-t-il encore dans votre Lazarus/textarea-cache de votre navigateur) ^^'.

Pour ma défense je dirais qu’il y a une raison pour laquelle la nouvelle version de Blogotext n’est pas encore disponible : il reste des bugs. Enfin, un bug en moins depuis 4 minutes.

La recette du cheesecake… façon viking.
— (permalink)

Hop hop hop.
— (permalink)

Fūūū : avec mon VPN en Allemagne, la moitié des vidéos sur Youtube sont bloquées, à cause des majors >_<.

C’est chiant.

Youtube ça doit être chiant pour les allemands, franchement. Ça craint, un web comme ça.

Si tu peux trouver les épisodes en VO, ajoutes ces sous-titres : https://www.sous-titres.eu/series/sense8.html

Tu peux les ouvrir avec VLC : chaque fichier de sous-titres doit avoir le même nom que le fichier vidéo, et VLC les ouvrira tout seul.

Un autre site de sous-titres à connaître, mais en l’occurence il n’a pas les sous-titres français : http://fr.tvsubtitles.net/tvshow-1751-1.html
— (permalink)

Magnets ! Magnets everywhere !

Je me note tout ça, ma cuisine n’est pas pratique du tout :/

(via)
— (permalink)

+1
— (permalink)

Y a une démo : https://readerself.com/demo/home

:)

Il a l’air pas mal (et à l’air français en plus, vu les flux). Mais n’a pas cet effet "wow" que je recherche sur mes outils.

Un défaut : les listes déroulantes qui prennent du temps. La liste est donc générée côté PHP, ce qui demander des transferts réseaux lourds et longs. Perso j’ai opté pour un tri côté navigateur, en JS/JSON : c’est instantané.
— (permalink)

Un lecteur RSS qu’il a l’air pas mal (pas testé), en autohébergé.

(via Neros)
— (permalink)

Mouahaha !

Alors comme ça Windows 10 est gratuit, mais le logiciel de lecture de DVD coûte $15 et jouer au solitaire coûte $10 par an.
Et encore, le lecteur DVD ne fait que les DVD, il ne joue ni les bluray ni les fichiers de DVD qu'on a sur le disque dur.

Et si vous devez réinstaller Windows, vous devrez repasser à la caisse.

Microsoft fait bien ce qu'il veut, et les pigeons qui achètent aussi, mais je me marre quand même là.
— (permalink)

Les !bang de DDG, mais dans Quant.

Et avec un « & » au lieu du « ! ».
Je n’ai rien contre Qwant, mais ils ne me convainquent toujours pas réellement. Ils n’ont pas grand chose de ce que les autres n’ont pas…
— (permalink)