Tontof

Je ne sais pas si c'est moi, peut-être que je ne suis qu'un éternel insatisfait...

Pour ceux qui ne veulent pas lire tout l'article qui je l'avoue est un peu long, cette phrase pourrait être un chouette résumé :

Il semble que la perfection soit atteinte non quand il n’y a plus rien à ajouter, mais quand il n’y a plus rien à retrancher.

Antoine de Saint-Exupéry
Difficile d'en faire une vérité générale, mais j'aime cette philosophie.

Si vous ne voulez pas tout lire allez directement vers la partie qui vous intéresse :

Quels changements ?
Shaarli
Blogotext
Google Reader
Kadokado
les cartes bleues NFC
Linux : Ubuntu, Gnome, KDE
Et alors ?
Je ne suis pas contre les changements
Je suis pour les changements


Shaarli a subi une petite modification, puis une autre après plusieurs plaintes de la part de deux camps d'utilisateurs : "certains veulent le lien final, d'autre le permalien shaarli".

J'ai hésité à envoyer un message à Sebsauvage à la première modification car j'imaginais que je n'allais pas être le seul et c'est toujours embêtant de se plaindre surtout quand on apprécie le travail réalisé. Pour moi il y avait cependant un problème très important, c'était la perte du lien d'origine accessible directement depuis le RSS. Ce problème a été corrigé et j'ai remercié Sebsauvage pour ça.
Dans ma réponse, je revendiquais mon appartenance à un 3e camp, celui qui voulait à la fois le lien d'origine et le permalink Shaarli.
En fait je me rends compte que j’espérais surtout que shaarli redevienne comme avant quand ces 2 informations étaient directement accessibles. Et depuis, je me suis rendu compte qu'en fait je partageais pleinement l'avis de Timo : je préfère laisser un accès direct au lien sauvé [...] c’est plus pratique et moins « intrusif ». J'espère que le système de partage de liens de blogotext conservera ces 2 informations dans link et guid :-)

En fait je pense même que ça va plus loin.

Imaginez le scénario suivant :
A partage un lien L avec shaarli
B partage ensuite le lien de A
C partage ensuite le lien de B
D est abonné à C et veut accéder à L, ben c'est pas gagné...
Seulement quelle est l'information importante ? les liens shaarli ou le lien L ?
Bien sûr je pense que la réponse dépend des cas, mais j'aurais tendance à dire que c'est plus souvent L qui est important (surtout si dans les shaarli il n'y a pas de commentaire, ce qui arrive souvent).
Dans l'idéal, je pense qu'il faudrait que C ait partagé L en mettant via B via A. Comme ça D a toute l'information importante accessible directement.

Pour illustrer cet exemple, voici un lien qui a pas mal tourné récemment :
http://10fastfingers.com/typing-test/french
via : http://lehollandaisvolant.net/index.php?mode=links&id=20121108212952
http://sebsauvage.net/links/?KbOsMQ
http://liens.jdxlabs.com/?-GBAMw
https://lienspersos.accessibilisation.net/shaarli/?lR2GVA
http://liens.howtommy.net/index.php?gGQ8YQ
http://orangina-rouge.org/shaarli/index.php?i0_N0A

D'ailleurs, il est intéressant de voir, qu'il y a peu de commentaires et de via finalement... Parce que pour moi le via est aussi important que le lien d'origine, quand je partage un lien je ne mets pas juste via truc ou machin, mais via le lien permalink.

Même si cela n'est qu'un détail cette modification rend également difficile la détection de liens communs à plusieurs shaarli, pour faire de la veille par exemple. De même que les statistiques facilement réalisables ne signifieront plus les mêmes choses :
http://sensini42.free.fr/shaarli/index.php?do=stats
http://sensini42.free.fr/shaarli/index.php?view_comment=20120605_220655&x=6&y=12


Je ne suis pas un utilisateur de blogotext, car il était pour moi déjà trop avancé par rapport à mes besoins. Cela ne m'empêche pas de suivre avec intérêt l'évolution du projet de Timo. Je ne m'inquiète pas trop de ce côté là car j'ai lu à plusieurs reprises que c'était un critère important pour Timo que blogotext reste léger et efficace, mais de façon générale, j'ai toujours peur de l'effet usine à gaz.

http://orangina-rouge.org/blogotext/index.php?d=2012/11/08/21/34/58-bof-bof-la-migration-blogotext


Comme vous le savez je suis un ancien utilisateur de Google Reader. Il y avait dans ce service quelque chose qui malheureusement ne se retrouvera plus jamais ailleurs. C'était le côté social. Non non vous ne rêvez pas, j'aimais ça, le côté social. Seulement, il n'avait rien à voir avec celui de maintenant comme facebook, twitter et google+. Ce côté social permettait de partager et commenter une news particulière. Chacun pouvait contribuer, on pouvait suivre des gens qui faisaient la même chose. Je trouvais ça très agréable et il était possible de découvrir des personnes qui partageaient les mêmes intérêts. Mais attention, cela ne faisait que ça.

Seulement voila G+ est arrivé et pour forcer les gens à passer par G+ ils ont tout simplement enlever le côté social de Google Reader. Google Reader est alors devenu un lecteur de flux RSS classique, même s'il est plutôt agréable d'utilisation. Ce changement a fortement contribué à la mise en place de KrISS feed que j'adore même si malheureusement je ne lui accorde pas le temps que je voudrais.

J'ai encore beaucoup d'idées pour l'améliorer. Ce n'est qu'une question de temps, mais en ce moment, ce n'est pas ce que j'ai le plus...


Ce n'est qu'un exemple parmi d'autres, mais Kadokado fait partie des sites qui m'ont fortement déçu suite à l'intégration de leur plateforme sociale twinoid. Je ne vais pas m'étendre, mais le site est devenu lourd, insupportable pour quelqu'un qui ne venait sur ce site que pour passer 5 min à jouer par jour. Le temps de chargement des pages est presque devenu aussi long qu'une partie...


Je ne vais pas revenir sur les problèmes de cartes bleues NFC, mais c'est le genre de changements qui me saoule. J'ai fait résilier tous mes services associés à ma banque en attendant que je trouve une solution qui me satisfasse dans une autre banque.


Je pense qu'il est important de souligner que je ne fais pas partie des extrémistes libristes. En général, ils me font peur, mais au moins ils ne mentent pas sur ce qu'ils proposent. Je remercie Richard Stallman car même si je ne suis pas tout le temps d'accord avec lui, je pense que sans des personnes extrémistes comme lui, les choses ne seraient jamais devenues ce qu'elles sont.

Comme beaucoup, je fais partie de ceux qui utilisent Ubuntu. J'avoue que ce n'est pas vraiment par choix. J'étais sur une Debian que j'ai un peu fusillé en voulant mélanger du stable, experimental et sid. J'avais encore quelques problèmes de compatibilité et quand j'ai réinstallé, j'ai choisi la facilité en installant Ubuntu. Seulement voilà, c'était chouette avant, mais maintenant c'est fini, trop de changements que je n'apprécie pas. L'intégration par défaut des trucs sociaux, de ubuntu one, d'unity et c'est de pire en pire (via et via). Du coup c'est décidé, Ubuntu c'est fini. J'ai commencé par testé Mint, mais sur mon vieux PC, il est un peu lent. Je vais essayer d'autres choses plus légères :
http://wiki.debian-facile.org/manuel:installation:install_minimale
http://wiki.debian-facile.org/manuel:awesome
En même temps, je pense aussi que ces changements amènent de nouveaux gens sous linux et ça c'est chouette. Je pense que Ubuntu a fortement contribué à l'arrivée de Steam et ça peut avoir du bon (via et via) même si ce n'est pas encore l'idéal : les sources sont toujours fermées...

Si on regarde, des problèmes similaires arrivent avec gnome, kde qui apportent plein de nouvelles choses, mais qui malheureusement s'éloignent de l'esprit efficace et léger...

Et alors ?


Je fais partie des gens qui sont contents d'avoir le choix. Les changements sont souvent à l'origine de nouvelles choses. Quand quelque chose ne plaît plus, des gens proposent leurs solutions alternatives et ça contribue à avoir plus de choix. Donc je ne suis pas contre les changements !


"Si les choses n'ont pas forcément besoin de changer, il ne faut pas avoir peur d'oser le changement" (sensini)
Quand on a le choix, il ne faut pas hésiter à essayer des alternatives. Vous êtes sous windows, testez linux, vous utilisez un clavier azerty essayez le bépo, etc.

1 - Des chaussettes qui ne vont pas par paire. Ça m'arrive de le faire, et vous n'imaginez pas le nombre de réflexions qu'on me fait à chaque fois :
https://i.chzbgr.com/completestore/12/11/5/ZKrExg06sEGlGN_H5RPYrw2.jpg
via : http://cheezburger.com/6738312960

2 - Des ballons de glace colorés pour la déco :
http://i.imgur.com/AEDfi.jpg
via : http://sebsauvage.net/links/index.php?oieNOg

3- Quelques photos sympathiques :
http://www.koreus.com/modules/news/article10666.html

4 - Un marque page utile :
http://design-milk.com/bookmarker-by-simple-form-design/

5 - Des fois je me demande si les gens se rendent compte que ce n'est pas la taille qui compte...
http://www.commitstrip.com/wp-content/uploads/2012/11/Strips-tailles-des-devices-550-final.jpg
via : http://www.commitstrip.com/fr/2012/11/08/en-as-tu-vraiment-besoin/

6 - Merci Mac Gyver, un arc avec un bâtonnet en bois de glace, du fil dentaire et un coton tige (et évidemment, le célèbre couteau suisse) :
https://i.chzbgr.com/completestore/12/11/7/3s8rN31iOkiGLF7aW4t4MQ2.jpg
via : http://cheezburger.com/6745195264

7 - Un peu dans l'idée de l'article sur les single serving sites
http://www.theuselessweb.com/
via : http://orangina-rouge.org/shaarli/index.php?BlRxJw

8 - Peu faire sourire en apparence... mais bon, les commerciaux des fois...
http://d24w6bsrhbeh9d.cloudfront.net/photo/5794619_460s.jpg
via : http://9gag.com/gag/5794619

9 - Une tornade de feu faite maison :
https://i.chzbgr.com/completestore/12/11/2/f2orW3RuLEeSDJO6FxX_DA2.gif
via : http://cheezburger.com/6729510400

10 - Ça me rappelle un conseil que je donnais à mes étudiants : il faut toujours utiliser des couleurs contrastées dans un graphique pour qu'imprimé en noir et blanc il reste lisible, sinon ça peut donner ça comme résultat :
https://i.chzbgr.com/completestore/12/11/8/Waa2frvNRkyAsWfRAdXa0A2.jpg
via : http://cheezburger.com/6749364736

Du coup, voici un autre conseil sur le choix des noms des variables :
http://www.luc-damas.fr/humeurs/images/nom-de-variable-explicice.jpg
via : http://www.luc-damas.fr/humeurs/nom-de-variable-explicite/

Et même si ce n'est pas le but de la rubrique des quelques liens inutiles, en voici un dernier qui n'a rien à faire dans cette liste :
http://sametmax.com/bien-expliquer-quelque-chose-les-regles-de-base/

Comme hier, 10 nouveaux thèmes. Quand il s'agira d'une image ou d'une vidéo, je mettrai le lien direct vers l'image ou la vidéo + le via pour retrouver l'origine

1 - Des lampes design :
http://design-milk.com/fold-3d-cube-sconce-by-arik-levy-for-vibia/
M'a fait penser à :
http://cdn.dornob.com/wp-content/uploads/2012/07/corner-lamp-peeling.jpg
via : http://dornob.com/lamp-peels-away-layers-of-home-to-reveal-mystical-world/

2 - Dragon baby : le nouveau bruce lee
http://www.youtube.com/watch?v=1oHWvFrpocY
via : http://cheezburger.com/44057345

3 - Unexpected
https://lh6.googleusercontent.com/-SbDfYxqqq-E/UJj5DUh4QAI/AAAAAAAABQk/Nerz7fR3VSc/w497-h373/Unexpected%2B%2521%2521%2521.gif
via : http://lehollandaisvolant.net/index.php?mode=links&id=20121106134831

4 - Vous ne savez jamais où vous mettez vos clés :
https://i.chzbgr.com/completestore/12/11/5/bIxvcCtFI0OhqB3Xyli9cw2.jpg
via : http://cheezburger.com/6738270464

5 - Attention petite blagounette :
https://i.chzbgr.com/completestore/12/11/2/FcZX0Bd5Lk-NaObAHMykmw2.gif
via : http://cheezburger.com/6728674560
Vous y avez cru, hein ?

6 - Une polydactylie et une syndactylie c'est quoi ?
http://www.spi0n.com/arpan-saxena-13-doigts-et-12-orteils/
C'est pas de chance...

7 - Pourquoi les machines pour le vote électronique c'est mal ?
Vous avez tous vu la vidéo qui montre qu'ELLE ne veut pas voter pour Obama :
http://www.youtube.com/watch?v=QdpGd74DrBM
Dans les commentaires, il semblerait que le fils de Mitt Romney (Tagg Romney) ait acheté les machines de vote de l'Ohio, mais en fait ça semble plus complexe :
http://factcheck.org/2012/11/does-tagg-romney-own-ohio-voting-machines/
Attention voici peut-être LA solution :
http://www.commitstrip.com/wp-content/uploads/2012/11/Strips-Elections-am%C3%A9ricaines-550-final.jpg
via : http://www.commitstrip.com/fr/2012/11/06/elections-americaines/

Et pour fêter la victoire d'Obama :
http://jaffiche.fr/wp-content/uploads/2012/11/obama_2012_four_more_years.jpg
via : http://jaffiche.fr/years-barack-obama-rlu-736

8 - Noël... Pour patienter fabriquez vos propres calendriers de l'avent :
http://www.curbly.com/users/craftmel/posts/14392-roundup-10-diy-advent-calendar-and-holiday-countdown-ideas

9 - Je ne serai jamais un geek, je n'ai pas de compte facebook :-(
http://totaltotaltotal.wordpress.com/2012/10/27/ecoute-moi-bien-espece-de-petasse/
via http://lehollandaisvolant.net/index.php?mode=links&id=20121106170414
Ah moins que :
http://caintechnews.wordpress.com/2009/04/22/64-things-every-geek-should-know/
via http://www.nothing-is-3d.com/links/index.php?RG6piw

10 - Et parce que je suis un fan inconditionnel de Daria :
http://d24w6bsrhbeh9d.cloudfront.net/photo/5761736_700b.jpg
via : http://9gag.com/gag/5761736

Vous avez connus les "En vrac" de Sebsauvage, les LIDD : liens idiots du dimanche de PCinpact, le bordel de l'info d'idleman. Voici ma contribution avec quelques liens inutiles pour passer le temps.

J'ai longtemps hésité sur comment organiser mes liens, je vous ai dit au tout début que je voulais me passer des services de Google, mais il me reste encore gmail et ne vous moquez pas, mais je stockais mes liens dans le google task intégré à gmail. Un simple copier coller et j'accumulais des liens.

Je ne vous raconterai pas tous les détails mais j'ai réussi à tout perdre en voulant passer mes liens dans un mail. Bref j'suis un peu vert, parce qu'il y en avait un paquet de liens chouettes. Je cherche encore une solution dans le style de shaarli, mais cette solution ne me convient pas suffisamment. Peut-être qu'il m'en faudrait 2 parce que je veux faire la différence entre les liens et les vrais liens qu'il faudrait pouvoir classer autrement. Je ne vois pas l'utilisation des tags comme la solution répondant à mon problème, mais peut-être qu'en attendant de trouver LA solution je mettrai une (ou 2) sorte(s) de shaarli en place.

Pourquoi une sorte ?

Parce qu'autant j'aimais la simplicité des toutes premières versions, autant shaarli change et évolue mais me plaît de moins en moins. J'ai proposé certaines corrections dans le but d'améliorer les fonctionnalités et de corriger certains problèmes. Je trouve dommage que ces problèmes persistent et qu'à la place, on perd des fonctionnalités. Car c'est bien ça le problème : maintenant en suivant un shaarli, il faudra cliquer 2 fois pour accéder à l'info ??? Alors je ne sais pas si c'est pour avoir un REFERER qui passe toujours par sebsauvage.net, mais la raison : "tous les clients RSS ne se comportent pas de manière homogène entre les tags <link> et <guid>" ne me convainc pas. Je ne pense pas que c'est à un flux RSS de s'adapter en fonction des lecteurs de flux. Je comprends mieux l'autre raison évoquée : "cela permettra également à ceux qui suivent le compte-robot Twitter de lire ma prose en intégralité, et non la version tronquée à 140 caractères" mais c'est quand même chiant car cliquer 2 fois, c'est 2 fois plus contraignant et les liens que j'allais voir par simple curiosité pour jeter un coup d'oeil rapide, je n'irai plus car, le temps est précieux et pour moi c'est une perte de temps que de cliquer une fois de trop. C'est dommage... surtout que cette raison est d'autant plus louche que le problème se pose également pour les daily qui eux n'ont pas ni le problème des tags <link> et <guid> ni le problème lié à Twitter... En gros si la censure passe par shaarli, il n'y a plus aucune possibilité pour récupérer le lien d'origine. Faire un autoblog d'un shaarli ne servirait plus à rien (je sais que ce n'est pas le but, mais c'est l'idée derrière qu'il faut retenir). Par contre pour les stats c'est cool, on sait plus facilement qui lit effectivement les liens (les liens proxy google de feedburner ça vous dit quelque chose ? pour moi ça revient au même mais au moins on ne perd pas du temps à cliquer une fois de trop...)

En attendant que je trouve une solution à mes problèmes, voici quelques liens pour passer le temps (je me limiterai à environ 10 thèmes ~ 10 liens ou plus) :

1 - Attention les avocats d'Apple ne vont pas laisser passer ça :
http://cheezburger.com/6729066240

2 - Nintendohemian Rhapsody
http://www.youtube.com/watch?v=ESq27B9YI4Q
mais qui ne vaut quand même pas l'original :
Queen - 'Bohemian Rhapsody'
http://www.youtube.com/watch?v=fJ9rUzIMcZQ

3 - Une image qui résume la politique aux États-Unis (vive le parti pirate) :
http://9gag.com/gag/5763211

4 - C'est fou tout ce qu'on peut faire avec du html5 et du css3 :
https://developer.mozilla.org/fr/demos/detail/html5-trombone/launch
via http://sensini42.free.fr/shaarli/?9LQtlg

5 - Machine pour trier les skittles, inutile donc indipensable :
http://www.youtube.com/watch?v=mvtLk4i6TmY

6 - Boule de mercure, fake ou pas, c'est chouette si c'est vrai :
http://cheezburger.com/6729765376

7 - Une publicité weightwatchers :
http://www.psdisasters.com/2012/11/weightwatchers-losing-weight-with-photoshop.html

8 - Jimmmy Kimmel demande aux parents d'annoncer à leurs enfants qu'ils ont mangé tous les bonbons d'halloween :
http://www.koreus.com/modules/news/article10644.html

9 - James Bond et la sortie de Skyfall:
Dans une gare pour gagner des places :
http://www.koreus.com/video/coca-cola-zero-unlock-007.html

James Bond 007: Movie Deathmatch :
http://www.youtube.com/watch?v=O9C7yYomVuo

Bonds, James Bonds (Bond vs Bond) :
http://www.youtube.com/watch?v=AHKPF0u77o4

Adele - Skyfall :
http://www.youtube.com/watch?v=7HKoqNJtMTQ

10 - Le phénomène Gangnam Style (que j'ai bien du mal à comprendre...) :
La vidéo qui correspond à l'ancienne face B de certains vinyls :
http://www.veilleurs.info/archives/5452

Une version à la guitare par Sungha Jung :
http://www.youtube.com/watch?v=UmplmxwE2WM

Une prise version gangnam style :
http://cheezburger.com/6723063040

Et d'autres dérivés :
http://www.oddee.com/item_98389.aspx

Hier, ne voulant pas donner des bonbons à des gamins mal déguisés, on se retrouve au cinéma (est-ce une bonne excuse ? halloween ou pas, c'était cinéma de toute façon). Il y a pas mal de films en ce moment, mais on se retrouve devant Stars 80. Même en allant souvent au cinéma, nous n'avions jamais vu la bande annonce, du coup c'était un peu film au hasard même si on imagine de quoi ça parle.

Ce n'est pas le film de l'année, mais c'était un moment très agréable où l'on chantonne constamment ces tubes que tout le monde connaît (parfois à voix haute et mal comme la dame à côté de moi dans la salle de ciné...) . C'était plutôt bien fait : un casting de stars qui jouent leur propre rôle avec une touche d'auto-dérision assez réussie. On voit d'ailleurs qu'il est tout à fait possible de réussir sans le soutien des maisons de disque (représenté par Valery Zeitoun). Petit clin d'oeil au succès d'Andy Othling en passant. Inspiré de RFM party 80, c'est Nostalgie qui est présent dans le film ainsi que Skoda. Est-ce que les films vont se transformer en spot publicitaire ? Il faudrait mettre un petit P en bas comme les clips musicaux parce que des fois c'est un peu limite :-)

Et parce que c'était halloween un petit clin d'oeil à trick or treat parce que windows 8 ça craint :-p
(via Sensini42)

Pour rester dans la nostalgie, une petite image pour illustrer le rachat de Lucas par Disney qui je pense aussi ne changera pas grand chose même si ça me fait bien chier de voir à quel point Disney est tout puissant...

[Edit : 16/03/2018 : KrISS pin -> KrISS html]
L'article est long car il présente toutes les fonctionnalités de KrISS html bookmarklet, mais n'hésitez pas à descendre tout en bas pour utiliser directement ce bookmarklet et découvrir ses fonctionnalités :-)

L'objectif du bookmarklet :
Je ne sais pas si vous utilisez les bookmarklets Aardvark, Click2Zap, Html Clipper, lunettes à rayons X, MyPage, Xray mais si tel est le cas, je vous propose KrISS html pour remplacer tout ça !

Il n'est pas aussi sexy que lunettes à rayons X mais il est plus complet et permet de manipuler une page web relativement facilement (récupérer ou supprimer des infos sur la page, modifier le code html ou css, etc.).

J'ai fait ce bookmarklet il y a déjà quelque temps quand j'avais besoin de fonctionnalités que ne proposait pas MyPage. (C'était le bookmarklet que j'utilisais pour modifier une page avant son impression). Je voulais récupérer le code source d'une page pour pouvoir le copier coller dans un unique fichier html pour en faire une sorte de sauvegarde (sans css externe : utilisation du style dans les éléments html, sans image : utilisation de base64).

Finalement, j'ai ajouté des fonctionnalités au fur et à mesure lorsque je me suis aperçu qu'il ne restait pas beaucoup de lettres de disponible. Aussi, avant de vous le présenter, j'ai cherché à le compléter pour associer à chaque lettre une fonctionnalité (parfois gadget : 'A', 'Q').

Présentation des fonctionnalités du bookmarklet :
Quand vous lancez le bookmarklet, un menu se glisse à droite de la page. Il suffit de passer dessus pour le faire apparaître, sinon vous pouvez appuyer 'F1' pour les boulets qui ne le trouvent pas (je ne vise bien sûr personne en particulier... n'est-ce pas...)

Ensuite, il suffit de sélectionner les éléments de la page en cliquant dessus (un cadre bleu entoure alors ces éléments)
Les flèches directionnelles :
- permettent de se déplacer dans l'arbre DOM, 'T' pour sélectionner l'élément en cours
About :
- affiche juste des infos inutiles sur KrISS pin bookmarklet
Body tree :
- affiche l'arbre des balises html
CSS edit :
- permet l'édition (en live) du style du dernier élément sélectionné (il faut générer le style d'un élément avant avec la lettre 'G')
Deselect all :
- déselectionner tous les éléments sélectionnés
Export :
- TODO (dans l'idéal permettra d'exporter le lien et le code html pour une sauvegarde)
First child selection :
- se déplacer vers le premier enfant (dans les listes (ul ou ol) par exemple)
Generate style for selected :
- utilise 'getPropertyValue' pour associer le style aux éléments html (attention car génère beaucoup de code CSS inutile)
Html edit last selected :
- permet d'éditer le code html du dernier élément sélectionné (ne permet pas d'éditer body et certains élements comme td, tr, il faut sélectionner table à la place)
Isolated selected :
- permet d'isoler les éléments sélectionnés (génère le style, les images en base64 si 'O' avant et supprime l'arborescence parent) : attention l'ordre de sélection est pris en compte
Javascript information :
- quelques informations sur les scripts javascript de la page
Keep selected :
- permet de conserver les éléments sélectionnés (sans générer le style, mais en conservant l'arborescence parent)
Last child selection :
- se déplace vers le dernier enfant (dans les listes (ul ou ol) par exemple)
Margin auto on last selected :
- un bug firefox ? quand le style margin est auto, il est perdu avec 'getPropertyValue'. Il suffit alors de sélectionner les éléments qui posent problèmes et d'appuyer sur 'M'
None display for selected :
- permet de supprimer les éléments de l'affichage, mais il reste dans l'arbre DOM (permet la gestion de l'historique de suppression grâce à la touche 'U')
On/Off image base64 :
- pour firefox permet de générer le code base64 des images de la page (attention les images doivent être héberger sur le même site, sécurité javascript oblige). Ne considère pas encore les images en background.
Put in order :
- permet d'ordonner des éléments sur une page : plus de détails sur la page de Fred
Quit KrISS html :
- permet de quitter KrISS html (Esc aussi)
Remove selected or none :
- si des éléments sont sélectionnés, ils sont supprimés du DOM (pas de retour possible). S'il n'y a pas d'élément sélectionné, les éléments effacés avec 'N' sont supprimés du DOM (plus d'historique possible)
Style information :
- quelques informations sur le style de la page
Toggle selection current over :
- permet de sélectionner ou déselectionner l'élément actif
Undo none display :
- permet de gérer l'historique des éléments supprimés avec 'N'
View code :
- permet de voir le code à inclure dans une page html pour reproduire la page désirée (n'affiche pas le code html de la page, mais des éléments conservés)
Widen last selected :
- permet de sélectionner l'élément parent du dernier élément sélectionné, après body, déselectionne l'élément
Xray :
- affiche des informations de style du dernier élément sélectionné comme le bookmarklet Xray
Your browser :
- affiche des informations sur votre navigateur
Zoom :
- permet de zoomer le dernier élément sélectionné


Comment ajouter un bookmarklet ?
Chromium :
- glisser le bookmarklet dans votre barre de favoris
ou
- afficher la barre de favoris
- clic droit sur le bookmarklet -> Copier l'adresse du lien
- clic droit sur la barre de favoris -> Ajouter une page
- coller l'adresse du lien
Firefox :
- glisser le bookmarklet dans votre barre personnelle
ou
- clic droit sur le bookmarklet -> Marque-page sur ce lien
Opéra :
- clic droit sur le bookmarklet -> Signet vers le lien...

Problèmes avec KrISS html bookmarklet :
- attention, le code généré n'a pas pour but d'être optimal (le style CSS associé à chaque élément peut être très long et redondant, les images en base64 sont gourmandes en ko)
Chromium :
- la conversion des images en base64 ne fonctionne pas (touche 'O')
Firefox :
- le style margin est mal généré quand auto (la touche 'M' permet de corriger ça)
Opera :
- la sélection des éléments bogue un peu car Opera ne supporte pas pointer-events
- la conversion des images en base64 ne fonctionne pas (touche 'O')
- la génération et l'édition du style ne fonctionnent pas (touche 'G')
- le zoom ne fonctionne pas (touche 'Z')

Pour finir :
- les lettres 'A', 'M', 'Q', 'Z' ne sont pas indispensables, 'F' et 'L' ?
- je me suis basé sur MyPage que j'utilisais et l'édition utilise innerHTML qui contraint fortement les éléments qu'il est possible d'éditer (voir 'H'). Cela ne m'a pas encore gêné, à voir si le besoin s'en fait ressentir d'utiliser autre chose, comme le chemin dans l'arbre DOM par exemple.
- si vous avez d'autres propositions pour améliorer les fonctionnalités, ou si je n'ai pas été suffisamment clair dans les explications, n'hésitez pas !

Quelques utilisations bien pratiques avec KrISS html :
- imprimer le strict nécessaire ('K', 'I', 'R' ou 'N' puis Ctrl+'P')
- avoir des infos sur les éléments d'une page ('B', 'J', 'S', 'X')
- récupérer, modifier le contenu d'un élément ('H')
- récupérer, modifier le style d'un élément ('G', 'C')
- récupérer le code base64 d'une image ('O', 'I', 'V')
- avoir les infos de son browser ('Y')
- sauvegarder une page pour la rendre indépendante ('I', 'V')



Edit (2013-03-02) : 'P'ut in order pour remplacer 'P'rint via Fred pour essayer une démo

Je suis abonné à 9gag, mais publier ~4 images par heure, je trouve que ça fait beaucoup et je me suis souvent posé la question de savoir s'il fallait que je continue à suivre ce flux ou pas. Depuis que je ne suis plus sous Google Reader (merci KrISS feed), je n'ai pas de cron et n'ai donc que les 10 dernières images à chaque fois que je regarde mes flux (~2 fois par jour, ce qui fait environ 20 images, ce qui est beaucoup plus raisonnable : ça change des 100 images par jour quand j'étais sous Google Reader qui lui conserve tout).

Tout ça pour vous dire que ce matin je tombe sur ça :
- http://9gag.com/gag/5348032

Là je me dis, c'est rigolo, je crois qu'il m'en reste, je vais regarder dessous et je tombe sur ça :



La journée commence bien :-) Bonne journée à vous !

(Au dos, c'est pareil, il y a un petit texte sympathique qui change des emballages traditionnels)

(Je crois que je vais conserver encore un moment 9gag)

Citation de Marguerite Yourcenar

Vous avez du temps à perdre ? Connaissez-vous les single serving sites ?
Vous savez ce sont ces sites dont les URL qui sont très longues se suffisent presque à elles-mêmes pour savoir de quoi va parler le site :
- http://www.alistofsites.com
- http://isthisyourpaperonsingleservingsites.com

J'ai pensé à cet article suite à un partage de Sebsauvage (encore lui) sur Feedburner : http://pleasedontkillfeedburner.com
(c'est bizarre mais les single serving sites pleasedokillfeedburner.com, pleasekillfeedburner.com ou killfeedburner.com n'existent pas).

La liste des sites qui va suivre, n'est qu'une sélection de ceux qui me semblent les moins pires (parce que bon faut en vouloir des fois pour aller réserver des noms de domaines comme ça...) et les plus incontournables pour se rendre compte de ce que sont les single serving sites. Bien sûr, il n'est pas forcément très utile de cliquer sur tous les liens, sauf si vous avez un peu de temps à perdre.

Comment ne pas commencer par celui là ?
- http://www.internetfirstpage.com

Certains se veulent plus utiles que le précédent :
- http://whatsmyip.net
- http://whatweekisit.com
- http://www.downforeveryoneorjustme.com (très utile pour savoir si notre accès à un site est limité)
- http://e.ggtimer.com
- http://count60minutesdown.com
- http://whencomesthesun.com
- http://donothingfor2minutes.com
- http://www.whowonthe.com
- http://turnyournameintoaface.com
- http://stopwat.ch

D'autres tentent de répondre à des questions plus ou moins existentielles :
- http://when-is-easter.info
- http://isitchristmas.com
- http://dowebsitesneedtolookexactlythesameineverybrowser.com
- http://www.howmanypeopleareinspacerightnow.com (chouette)
- http://isobamapresident.com

Il y en a qu'on aime actualiser parce que bon, on a du temps à perdre :
- http://www.sometimesredsometimesblue.com
- http://barackobamaisyournewbicycle.com
- http://amiawesome.com (F5 F5 F5 F5 F5 F5...)
- http://ie6isolderthanyourgrandpa.com

Vous ne supportez pas les gens qui se trompent, faîtes un site pour le leur dire :
- http://twentynot2000.com
- http://www.d-e-f-i-n-i-t-e-l-y.com (c'est le b.a.-ba !)

Certains font des sondages :
- http://good-v-evil.com
- http://serifsansserif.com
- http://isitart.com

Il y en a qui font du bruit :
http://www.fallingfalling.com (petite illusion sonore sympathique)
http://www.khaaan.com
http://nooooooooooooooo.com
http://gooong.com

Certains sont de vrais tubes à écouter pendant des heures :
- http://www.iiiiiiii.com
- http://www.lalalaa.com (attention, peut rester en tête des heures et des heures)
- http://www.ooooiiii.com
- http://www.dabadabadab.com

Enfin, certains sont inutiles mais totalement indispensables :
- http://www.purple.com
- http://letsturnthisfuckingwebsiteyellow.com
- http://spinningbeachballofdeath.com
- http://thankyouandywarhol.com
- http://www.tired.com
- http://cheesecaketherapy.com
- http://justfuckingdoit.com

Le dernier, ben c'est comme le premier, je n'ai pas trop le choix :
http://www.internetlastpage.com

Vous doutez de l'utilité de tels sites ?
Deux escargots arrivent sur une plage et aperçoivent une limace :
- Demi-tour ! Nous sommes sur une plage nudiste ! (source)
http://instantrimshot.com/index.php?sound=rimshot&play=true

Convaincus ?

J'espère que vous n'aurez pas perdu trop de temps avec cet article ;-)

Ce n'est pas nouveau (l'effet Sebsauvage chez Sam et Max, Mitsu) mais l'image parle d'elle-même :


J'ai commencé tontof.net le 18 avril de cette année parce que j'avais des envies de partage, des bouts de codes et que comme l'a très bien résumé Sebsauvage : "Vous avez un petit bout de programme ? Publiez-le. Au pire ça ne servira à rien, au mieux vous allez aider votre prochain."

Il faut savoir que le premier pic du 9 juin c'était déjà l'effet Sebsauvage après lui avoir envoyé un message pour lui parler de KrISS feed. Sam et Max parlaient de la qualité des lecteurs ("les lecteurs envoyés sont de véritables bots qui crawlent tout votre site") mais en plus, on peut voir que l'effet est relativement durable.

Hier j'envoie un message à Mitsu pour le remercier pour son bout de code qui m'a inspiré le bookmarklet permettant de télécharger facilement les vidéos HTML5 de Youtube. Il partage sur son identi.ca repris par Sebsauvage et voilà le résultat.

Merci (l'effet) Sebsauvage...

Edit (04/01/13) : Un autre bookmarklet plus simple et complet sur http://tontof.net/?1357321392

J'adore les pages où l'on peut trouver plein de liens, codes, snippets et autres joyeusetés pratiques. Je suis tombé récemment sur la page Mitsu'Wiki qui contient des choses intéressantes (oui il va vraiment falloir que je me mette aux autoblogs) et une petite astuce pour accéder aux vidéos youtube en html5.

Le principal problème de cette astuce est qu'elle nécessite GreaseMonkey.

Je vous propose donc une petite alternative qui devrait être compatible avec tous les navigateurs grâce à un petit bookmarklet videoHTML5.

Le code est simple (désolé pour les balises php mais c'est pour la couleur):

<?php 
(function () {
    if (window.location.href.indexOf('youtube') !== -1 &&
            window.location.href.indexOf('html5') === -1) {
        window.location.assign(window.location.href.replace('&v=', '&html5=1&v=')
                                            .replace('?v=', '?html5=1&v='));
    } else {
        var videos = document.getElementsByTagName('video');
        if (videos.length > 0) {
            window.location.assign(videos[0].src);
        } else {
            window.alert('No video found !');
        }
    }
}());
 ?>


Si vous êtes sous youtube mais qu'il n'y a pas html5 dans l'url, ce bookmarklet vous redirigera vers la vidéo en html5, sinon il vous redirigera vers l'url de la première vidéo (même si vous n'êtes pas sur youtube).

Il n'y a plus qu'à essayer :
- http://www.youtube.com/watch?v=Y_OzM2mE_uo
Le bookmarklet redirige sur la page :
- http://www.youtube.com/watch?html5=1&v=Y_OzM2mE_uo
Le bookmarklet redirige sur la vidéo :
- http://.......lscache2.c.youtube.com.........
Il ne reste plus qu'à faire clic droit enregistrer sous :-)

Sur une autre page que youtube :
- http://snapshot.opera.com/resources/BigBuckBunny.html
Le bookmarklet redirige sur la vidéo :
- http://snapshot.opera.com/resources/BigBuckBunny.ogv

Pratique, surtout qu'il semble de plus en plus difficile de récupérer les vidéos directement de youtube.