JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

Mode normal → (affichage complet du blog)

Suivant

Précédent

Logiciels

Emuler IE7 avec IE8

Billet

Si vous n’avez pas eu la chance de tester la compatibilité de votre site avec le tout récent Internet Explorer 8, ne vous inquiétez pas! Rajoutez cette ligne de code sur tout votre site et il sera compatible IE7:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Merci à David Walsh pour cette astuce.

Microsoft lance Internet Explorer 8 à 18h

Billet

A midi (EST), IE8 sera lancé officiellement.

Est-ce que je vais le télécharger?

Non.

Est-ce que beaucoup de gens vont le télécharger?

Autant que ceux qui ont téléchargés IE7 à mon avis.

Est-ce que IE6 va en pâtir?

Pas du tout. Je pense que la sortie d’IE8 ne change en rien le problème de mise à jour de IE6 vers un navigateur plus moderne. Ceux qui utilisent encore IE6  le font, non pas parce qu’ils ne veulent pas de meilleur navigateur, mais parce qu’ils ne peuvent/savent pas mettre à jour.

Passer de IE6 à IE8, c’est comme passer de IE6 à IE7. Ceux qui le feront l’ont en fait, déjà fait.

Chrome Experiments : des démos JavaScript pour Chrome

Billet

google-chrome

Vous savez sans doute que Google Chrome est réputé pour ses performances, notamment en JavaScript. C’était un de ses principaux arguments au lancement.

Pour le prouver, Google a lancé Chrome Experiments : une galerie de démonstrations JS qui marchent surtout dans Chrome. J’ai essayé de lancer différentes démos dans Firefox et c’était loin d’être fluide.

Exemple de démo surprenante: Ball Pool (restez appuyé sur le clic).

ball-pool

Il y a aussi:

J’adore le label des boutons lorsqu’on essaye de lancer une expérience sur un navigateur autre que Chrome : “I’m gonna roll the dice” ou bien “I prefer to live dangerously”. Génial.

Prototype de l’interface de Firefox 3.2

Billet

firefox-32

Information Architects (les auteurs de l’excellent Web Trend Map) ont réalisé un mockup de ce que pourrait être l’interface d’un prochain Firefox. Ils avaient déjà été consultés en 2000 pour les débuts de Firefox et ils avaient annoncés: “Onglets”. Aujourd’hui, ils disent “Oubliez les onglets!”

“Forget Tabs!”

Les indispensables onglets du navigateur (introduits en 2000 par Opera 4) seraient dépassés. A priori, leur utilité décroit à partir de 8 onglets ouverts, notamment à cause de leur hétérogénéité (il y a peu souvent un lien entre deux onglets). L’organisation se ferait par dossiers.

J’avoue être peu enthousiaste à cette disparition des onglets parce que j’ai une forte tendance à en ouvrir beaucoup simultanément. Par exemple, je suis actuellement à 18 onglets et tous me sont utiles. Peut-être pas en même temps, mais sur une période d’une heure, je les visite tous.

Navigateur = Système de fichiers multimédia

Le navigateur est davantage un système d’exploitation qu’une application d’affichage des données.

Le web n’a pas arrêté d’évoluer et aujourd’hui, on y retrouve les mêmes éléments que sur un ordinateur personnel: applications (mail, management, utilitaires, jeux), multimédia (vidéo, photo, musique), documents (word, excel, powerpoint), communication… Je balance un peu en vrac les différents domaines mais vous voyez l’idée. On peut faire énormément en ouvrant uniquement son navigateur. Et si le cloud computing se démocratise, ça ne saurait que se confirmer.

Avec cette idée en tête, Information Architects voit Firefox gérer le web comme iTunes gère la musique. Le logiciel s’occupe de tout organiser et l’internaute n’a plus qu’à trouver facilement ce qu’il cherche, d’une manière ou d’une autre. Le but est d’accéder le plus rapidement possible à ce que l’on veut.

Ceci reste un prototype, une approche radicale qui change totalement l’utilisation d’un navigateur. A tester.

NYC 09 : vidéo de notre voyage à New York

Billet

Avec un ami, nous sommes allés à New York fin janvier. Après avoir vu la vidéo “This Is Japan!”, j’ai eu envie de faire la même chose, même si je suis un photographe totalement amateur. J’ai donc pris énormément de photos (1602 en tout) pour avoir assez de photos correctes et réaliser cette vidéo.


NYC 09 from Jeremy Thomas on Vimeo.

Processus de fabrication

La musique

Tout est parti du morceau: LCD Soundsystem – Someone Great. J’ai eu tout de suite l’idée d’utiliser cette chanson, avant même d’acheter l’appareil photo (un Canon EOS 1000D). James Murphy représente musicalement l’esprit de New York. Je pouvais difficilement utiliser un autre artiste, et un autre album.

La synchronisation

A partir de là, j’ai calculé le BPM pour que les photos soient synchronisées avec la musique. J’ai utilisé MixMeister BPM Analyzer pour trouver que le morceau était à 113 BPM. Cela équivaut à 0,53 secondes (60/113) environ. Il faut donc que chaque photo apparaisse pendant ce temps exactement.

Une vidéo est divisé en un certain nombre d’images/sec (en général 25 ou 30 images/sec). Donc 0,53 sec correspond environ à 15 images si la vidéo est en 30 images/sec. Mais en réalité, ça donne 0,50 img/sec et non pas 0,53. Il me fallait donc me rapprocher un maximum de ce nombre pour que le décalage ne soit pas visible au fil du temps.

J’ai fait des calculs. J’ai multiplié la ratio 60/113 par plusieurs valeurs d’images/sec, en commençant par 10 jusqu’à 40. J’ai remarqué qu’un des résultats se rapprochait d’un nombre entier: en 32 img/sec, 0,53 sec correspond quasiment à 17 images. J’ai donc fait ma vidéo en 32 img/sec, où chaque photo apparaissait pendant 17 images. Il n’y alors aucun décalage visible avec le son.

Les photos

En 113 BPM, pour un morceau de 6min 30sec, il me faut 735 photos. J’ai trié, redimensionné et recadré les photos en enlevant notamment celles qui étaient mauvaises (surtout celles prises de nuit).

Le montage

En utilisant After Effects, j’ai mis à la suite les 735 photos. J’ai malheureusement dû le faire à la main parce que je n’ai pas réussi à automatiser cette tâche bien laborieuse. Si vous savez comment le faire, dites-le moi parce que je ne le referrai plus!

Le rendu

J’ai eu des problèmes de synchronisation au rendu que je n’avais pas dans After Effects. Je n’ai toujours pas compris d’où ça venait. Au final, j’ai encodé en Xvid pour un fichier de 374mo.

Je déteste faire de la vidéo parce qu’un simple changement dans le fichier source doit être suivi d’un rendu d’une dizaine de minutes. Niveau productivité, c’est très différent du web.

J’espère que vous apprécierez cette vidéo autant que j’ai aimé la réaliser.

Firefox a 100% de parts de marché dans plus de 14% des continents

Billet

Suite au précédent billet, voici une info incroyable : Firefox est le seul navigateur utilisé dans plus de 14% des continents. La preuve :

firefox-antartica

Bravo à l’Antarctique. :-)

Firefox 3 dépasse IE6!

Billet

Selon StatCounter, il y a aujourd’hui davantage d’utilisateurs de Firefox 3 que de IE6! En faites-vous partie ?

firefox3-ie6

13 citations de programmeurs

Billet

Le développement de logiciel est une tâche ardue, à en croire les programmeurs eux-mêmes : 13 citations de programmeurs.

I have always wished for my computer to be as easy to use as my telephone; my wish has come true because I can no longer figure out how to use my telephone.

Un thème aérien pour KDE 4.3

Billet

Petit à petit, KDE semble devenir la distribution l’environnement de bureau à absolument adopter pour Linux. Que ce soit au niveau fonctionnel ou au niveau graphique, comme avec le thème AIR par Pinheiro :

kde-air

kde-air-dock

Ouvrir des liens non cliquables

Billet

Ça ne vous arrive jamais de lire un article très intéressant sur un site, où l’auteur copie-colle des url dans son texte sans qu’elles soient cliquables ? Ma phrase n’étant pas très explicite, je vous offre un exemple :

http://www.monsupersite.com

Vous voudriez cliquer sur ce lien qui a la syntaxe et l’apparence d’un lien mais qui n’est malheureusement pas cliquable. Il faut sélectionner fastidieusement le lien, le copier, ouvrir un nouvel onglet, coller et appuyer sur Entrée. Rhaaa!

Deux solutions :

  • modifier ces liens non cliquables en liens cliquables sur tous les sites de l’Alpha à l’Omega
  • télécharger l’addon Text Link pour Firefox qui rend ces liens accessibles en double-cliquant dessus

Personnellement, j’ai choisi mon camp. J’ai déjà modifié 8432 liens.

Populaire Tutoriels Fun