CSS + WordPress + Web Design
29 Mar
Je viens de lancer un nouveau blog dont voici le concept :
Tous les jours, je passe au moins 29 minutes à apprendre un nouveau langage et je poste quotidiennement mon avancée. C’est ma solution pour lutter contre la procrastination.
Plus d’informations dans le premier billet de 29minparjour.
29 Mar
Je suis tombé sur ce post qui recense des sites d’applications iPhone, où le téléphone en lui-même s’avère être un élément de design redoutable. Mais au-delà du contenu de ce billet, ce qui m’a beaucoup plu c’est la manière dont un lien visité est marqué. Pour ceux qui ne le sauraient pas, il est possible de styler différemment les liens qui ont déjà été visités. Par défaut, les liens nouveaux sont bleus, les liens visités sont violets.
Bref, voici comment ils apparaissent sur ce site :
J’ai trouvé ça très sympa et très pratique : rajouter une image par-dessus les liens visités grâce à la CSS.
28 Mar
iPhone Mockup est à l’iPhone ce que Balsamiq est au web : une appli web pour faire des croquis d’interface. (D’ailleurs, Balsamiq inclut depuis peu des éléments d’iPhone).
Attention : l’appli est en version alpha et peut disparaître à tout moment (c’est ce que dit l’auteur 
).
25 Mar
Depuis le temps que je voulais en faire un, voici bbxpress, un thème pour WordPress. C’est une première version, donc n’hésitez pas à faire des retours si vous l’utilisez.
Le but est d’offrir un thème passe-partout, facile à utiliser. Voici quelques caractéristiques :
Les icônes utilisées proviennent de Jonas Rask (un lien existe dans le footer). Pour l’instant, le thème est en anglais (une version française est envisagée, si besoin est).
Vous pouvez prévisualiser le thème ou télécharger le thème bbxpress v1.0
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.
23 Mar
Twitter sert à tout et à rien. Parmi toutes les utilisations (f)utiles que l’on peut en faire, en voici une assez curieuse (et peu recommandable): administrer ses serveurs en twittant des messages.
Avec Twitter et du Python, vous pouvez ainsi contrôler à distance (et sans SSH direct) vos serveurs, et vos amis peuvent faire de même. L’auteur n’y trouve lui-même pas grand intérêt mais voulait partager cette méthode.
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
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.
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