CSS + WordPress + Web Design
11 May
Le premier navigateur Web dénommé “WorldWideWeb” créé par Tim-Berners Lee tournait sous un ordinateur NeXT, et faisait office d’éditeur aussi. A la base un outil pour aider les scientifiques à s’échanger des informations, le Web a pris une dimension bien plus grande.
If households nowadays want a computer, it is not to compute, but to go on the Web.
WorldWideWeb : le premier navigateur web
24 Apr
Que l’on soit réticent à l’idée d’utiliser Twitter ou ignorant quant à son potentiel, on ne peut négliger l’importance qu’a pris ce service, surtout ces dernières semaines. Le pouvoir de l’instantané est réel, surtout dans un monde aussi vif et rapide que le web. Je pense que Twitter est moins un micro-blog qu’un nouveau mode de communication à part entière. A la différence d’un flux RSS qui n’est “qu’un” média entre l’internaute et les posts de blog, un “twit” peut se suffir à lui-même autant qu’il peut véhiculer des informations ou démarrer des conversations.
Cela fait presque 2 ans que je ne regarde plus la télé. En arrivant à Paris, je m’étais refusé de prendre mon poste avec moi. Je me suis rendu compte que la télé se résumait à un flux incessant d’images, sans que l’on puisse en retenir quoique ce soit. Le divertissement se fait dans l’immédiat mais ne se pérennise pas. Je mets de côté les films, documentaires et évènement sportifs télévisés parce qu’ils ne sont pas spécifiques au support. Ils existent malgré la télévision.
Twitter hérite de ce côté perpétuel mais non tangible de la communication en temps réel. On ne sauvegarde pas les twits. On les lit, on y répond, on les utilise au moment où ils arrivent. Le passé est insignifiant par rapport au présent. Mais contrairement à la télévision qui est exclusivement unidirectionnelle, Twitter peut être autant uni- que bi- voire multi-directionnel. Il y a une suite aux twits, un résultat, parce qu’ils peuvent engendrer des intéractions entre utilisateurs.
La présence en ligne d’une entreprise ou d’un individu passe maintenant aussi par Twitter. Le site web est la carte d’identité, la vitrine, le produit. Le Twitter est l’actuel, le personnel, le mouvement. Il faut se jeter sur son pseudonyme Twitter parce que contrairement aux noms de domaines qui ont plusieurs extensions possibles, le pseudonyme n’a que des lettres/chiffres/underscore (le tout limité à 16 caractères). Il existe d’ailleurs un outil pour trouver des noms de domaine ET les comptes Twitters associés disponibles : Domain Pigeon. Il ne reste par exemple que 17 854 comptes Twitter à 3 caractères.
Autre particularité : Twitter mise tout sur son API. Il n’est pas possible d’installer une application Twitter sur son serveur (comme WordPress). Il faut toujours être relié au site Twitter et chercher/envoyer les twits via l’API. Le propriétaire de mondomaine.com est alors contraint de s’inscrire à twitter.com/mondomaine. Il est bien évidemment possible d’avoir un autre nom comme pseudo, mais c’est non seulement peu “glorieux” mais le choix des possibilités se restreint très vite.
Ma vision est encore assez floue de Twitter, et je ne dois pas être le seul. J’ai écrit en vrac ce qui me passait par la tête, sans trop prendre de recul. C’est un début d’avis, qui continuera sans doute, et sera éventuellement altéré au fil du temps. Si vous connaissez des posts qui essayent de faire la même chose, prévenez-moi!
12 Apr
Ceci est la meilleure news de la semaine, que dis-je, de l’année pour un impécrateur intégrateur!
Microsoft va mettre en place des mises à jour automatiques vers IE8 pour ceux ayant encore IE6 ou IE7 !
Est-ce que le parc IE6 va considérablement diminuer avec ce plan de modernisation ? Je l’espère!
8 Apr
La liste des raccourcisseurs d’URL est grande : tinyurl, is.gd, ➡.ws, bit.ly… et j’en passe. Même Digg s’y est mis. Le gros problème de ce service, est de masquer la destination du lien.
twi.bz est plus intéressant de ce point de vue parce qu’il ajoute le nom de domaine du lien dans l’URL.
Exemple : http://bbxdesign.twi.bz/b (on passe de 75 caractères à 25)
Par contre, si vous l’utilisez pour des URL courtes, peu d’intérêt (normal…) : http://bbxdesign.twi.bz/a
Your original web address had 20 characters, and the shortened version has 25 characters.
7 Apr
Pour parcourir facilement l’étendue de la Web Trends Map 4, il fallait une interface simple et fonctionnelle : merci Zoomorama.
5 Apr
J’avais aperçu la beta et voilà sa version finale : la Web Trend Map 4, une infographie des plus grands acteurs et des tendances actuelles du web. Cette carte est réalisée par la très performante équipe d’Information Architects.
Je ne sais pas si ça provient de la croissance importante du web, mais je trouve la carte peu lisible cette année. C’est très détaillé, très fini, mais il est difficile d’avoir un jugement d’ensemble.
Ou peut-être devrais-je afficher cette infographie sur mon 42 pouces en 6740 x 4768…
25 Mar
Les départs du pôle design de Google (et part “design”, je parle avant tout de “user experience“, “interface”) se suivent :
Google est rempli d’ingénieurs, de développeurs, de mathématiciens, de statisticiens… C’est la source, le coeur de leur métier, et avant tout, de leur réussite. Il y a d’abord eu l’imperturbable moteur de recherche. Puis il y a eu tout le reste, toutes les applications, qui ont soutenu et renforcé l’emprise de Google sur le web.
Google vit de chiffres et d’algorithmes. Le facteur humain existe (ce qui l’a différencié d’autres moteurs de recherche notamment) mais reste marginal. Tout se calcule, se mesure, et s’appuie sur des données : un monde binaire et quantifié où les données ne mentent pas.
Il est compliqué dans un environnement pareil pour un designer de faire comprendre que son travail peut rarement être mesuré. Il existe le A/B testing pour certains cas de figure, mais lorsque l’on voit ce genre de test utilisé pour se décider entre 41 teintes de bleu (et voir lequel est le plus efficace), on s’imagine que les données prennent ici trop d’importance.
Le rôle d’un designer est d’imaginer de nouvelles expériences, des intéractions innovantes. C’est un travail bien plus global et intéressant que de choisir une couleur ou la taille d’une bordure. Les conversations dans Gmail, le scroll actif de Reader ou les timezone de Google Calendar sont autant d’exemples de design réfléchi, original et efficace, qui n’auraient pu être réalisés arithmétiquement.
Les designers de Google ont eu leur mot à dire. Les résultats sont là. Mais leur influence n’a cessé de décroître ces derniers temps, et cet âge d’or est désormais révolu. Les designers sont, contre leur gré, moins des actifs que des consultants.
Le “user testing” est loin d’être infaillible, et bride fortement l’innovation, la prise de risque, lorsqu’on en abuse. Le vice d’un tel processus est de se retrouver rapidement dans l’impasse, à court d’éléments sur lesquels s’appuyer.
Il faut souvent laisser la décision à une seule personne, légitime et consciencieuse, qui par son expérience, a une opinion fiable sur la solution au problème. Même s’il est difficile de faire comprendre à des ingénieurs qu’un tel choix est le meilleur, car non démontré dans l’absolu, il est indispensable d’agir de cette manière pour éviter des incohérences regrettables et contre-productives.
En soi, Google est l’opposé d’Apple, où les designers (Steve Jobs en premier) ont un souhait souvent difficile à réaliser que les ingénieurs doivent à tout prix concrétiser. Et ces derniers y arrivent avec succès.
Je suis admiratif de Google. Si je ne l’étais pas, je ne prendrai pas le temps d’écrire ce post pour tenter de comprendre cette rupture nette et, pour ma part, inattendue. Ces départs multiples de cadres me semblent inquiétants, parce que j’ai l’impression que l’on n’a pas tenté de les empêcher. Est-ce que Google peut se permettre de se séparer d’autant de talents ? Peut-être qu’ils pensent que oui, et l’avenir dira s’ils s’en mordront les doigts ou pas.
Peut-être que l’erreur de Google est d’avoir recruté ces designers pour un poste qui ne leur correspond pas. Lorsque l’on recrute des compétences, il faut en avoir la nécessité, et non pas recruter un statut à qui l’on exigerait des travaux discordants. Le risque est que ces designers ne puissent même plus exercer leur travail, parce que l’essence même de leur profession leur a été subtilisée par quelqu’un d’autre. La confiance entre l’entreprise et le salarié est alors brisée, et le divorce inévitable.
21 Mar
Pwn2Own est un concours officiel de hackers où le but est de trouver la faille dans des logiciels populaires, en l’occurence des navigateurs internet.
Il y a en tout 5 navigateurs à hacker:
Le navigateur qui aura tenu le moins longtemps est Safari sur Mac OS. Il aura résisté quelques secondes face au hacker Charlie Miller, qui gagne ainsi $10,000 et la MacBook Air.
Le plus surprenant est de savoir que la faille utilisée existait déjà l’an dernier. Une seule faille suffisant pour être vainqueur, Charlie Miller (déjà vainqueur l’an dernier), gardait cette seconde faille au chaud pour cette année.
Et la citation qui fait mal:
Hacking into Macs is so much easier. You don’t have to jump through hoops and deal with all the anti-exploit mitigations you’d find in Windows.
Le hacker Nils est le seul à avoir réussi à hacker les 3 navigateurs principaux: IE8, Firefox et Safari, gagnant $5,000 pour chaque faille. Selon Charlie Miller, Firefox sous Windows était le plus dur à hacker.
Le seul navigateur à être resté inviolé est Google Chrome. Les deux raisons principales sont la qualité de sa sécurité et sa sortie récente. Il y a des bugs, mais ils sont dur à exploiter. Mais surtout, les hackers ont passés moins de temps dessus. Il est plus intéresssant de s’attarder sur les navigateurs les plus populaires que sur Chrome. Etant donné les gains relativement faibles par rapport au travail fourni, il est peu rentable de hacker Chrome.
20 Mar
jQuery + Google Translation = Sunday Morning
Avec ce plugin, vous pouvez offrir à vos visiteurs un traducteur très simple et très léger qui utilise Google comme traducteur. Plusieurs langues sont disponibles. Vous pouvez customiser le délai d’affichage, les coordonnées de la bulle, l’élément déclencheur…
Plusieurs langues sont disponibles.
Vous pouvez créer un bookmarklet qui permet d’avoir les mêmes fonctionnalités sur n’importe quel site. Lorsque vous visitez une page en langue étrangère, cliquez sur le bookmarklet puis double-cliquez sur le(s) mot(s) à traduire et une bulle s’affiche. En créant le bookmarklet, vous pouvez choisir la langue et l’interface.
Exempe de traduction sur le site du New York Times
