iPad : conception et ergonomie de linterface[ Usaddict: Ressources sur lergonomie des interfaces (le blog Usabilis)]

Le skeuomorphisme HTeuMeuLeu Le skeuomorphisme est le principe d'imiter dans un objet un détail de conception qui n'est plus nécessaire, mais qui était indispensable autrefois. On trouve de nombreux exemples dans la vraie vie, comme l'imitation de rainures de bois sur des meubles en plastique, ou l'imitation du son de fermeture de l'obturateur sur un appareil photo numérique compact ou bridge. En informatique, on rencontre chaque jour pleins d'exemples. Le plus classique est l'utilisation d'une disquette comme icône de sauvegarde de documents. Cet article de aKa chez FramaBlog nous rappelle également de manière amusante pourquoi les touches de nos claviers sont disposées ainsi : Un beau matin de 1868, alors que les États-Unis résonnent encore des canons de la guerre de sécession, un bricoleur du Wisconsin du nom de Sholes invente la première machine à écrire. Les champions du skeuomorphisme ces dernières années, ce sont Apple, qui usent et abusent d'effets skeuomorphiques dans leurs logiciels. Boom !

Responsive design: techniques and tricks to prepare your websites f... Les Etats-Unis vont devenir incontrlables ---------- Notes: (1) Sans même parler des agences de notation qui passent leur temps à modifier leurs évaluations, preuve qu'elles ne disposent d'aucune méthodologie fiable et qu'elles voguent au gré des pressions et des modes. (2) Qui peuvent juger ainsi directement à la fois la pertinence de nos anticipations et l'honnêteté de nos évaluations. (3) Une évolution anticipée de longue date par notre équipe. (4) A la demande de nombreux lecteurs US. (5) C'est dans le GEAB 61 ou 62 que nous présenterons nos anticipations pour l'UE 2012-2016. (6) Le président de l'UE, Herman Van Rompuy, a presque raison de dire que dans quelques années on jugera cette fin d'année 2011 comme une « annus mirabilis » pour l'Europe. (7) Source : New York Times, 10/12/2011 (8) La Banque des Règlements Internationaux vient de signaler au Royaume-Uni que sa politique de Quantitative Easing était en train d'échouer. (9) Quoiqu'en dise Angela Merkel aujourd'hui. (14) Source : Euronews, 14/12/2011

Créer un site Web mobile, approche pragmatique | LEKTUM On nous l'annonçait pour 2013, voilà que c'est arrivé en 2011. Une étude publiée par le cabinet de recherche Flurry en juin dernier montre que le temps passé sur Internet via les applications mobiles des smartphones et des tablettes a pour la première fois dépassé celui que les internautes passent sur le Web via les ordinateurs de bureau et les ordinateurs portables. Autant dire que l’Internet mobile n’en finit pas de prendre son envol et qu’un site web moderne ne peut plus se passer aujourd’hui d’une version mobile. Retour aux sources La décennie 2000 fut celle du Web et du Web 2.0, des standards W3C et de Firefox. La décennie 2010 sera celle du Web mobile, du Web design réactif, des tablettes et des navigateurs Webkit (Safari, Chrome, Konqueror...), les navigateurs les plus en avance aujourd'hui. Développer un site Web mobile semble au premier abord quelque chose d'assez simple : ce n'est jamais que du Web avec des styles CSS adaptés à une résolution d'écran plus petite. Les résolutions

Rcession : la finance Ponzi plantaire, le crime organis boursier et les dark pools (On vous a parlé des origines de la crise de la dette souveraine avec son lot de super-arnaques depuis 40 ans pour contenter les rentiers du capital et autres politiciens profiteurs. Et comme c’est bientôt Noël et que la récession a été officiellement déclarée depuis quelques jours, soyons beaux joueurs et allons jusqu’au bout de la chose. Nous sommes dans la m… jusqu’au cou et certains spécialistes de la chose financière balancent aujourd’hui très fort. Parce que la prévision du calendrier maya pour 2012 est désormais prise très au sérieux, enfin, au moins d’un point de vue système économique…) « Mais bordel de bordel de nom d’un chien ! Mais keskispasse ? C’est à peu près ça qu’on entend à l’Elysée depuis que la récession est officielle au pays des vaches qui regardent passer les trains et des citoyens qui regardent le 20H de Pujad(hass). Cet article s’auto-détruira une fois ses conclusions vérifiées (comme le système économique) Nous y sommes. Les crossing-networks c’est en gros ça :

Lme humaine est capable de sinstruire seule et sans matre (Jacotot - Rancire) - Blog du plan C, pour une Constitution Citoyenne, crite par et pour les citoyens Il y a longtemps que je veux vous parler d'un livre qui me bouleverse, d'abord dans mes convictions de professeur, mais aussi dans mes réflexions sur la démocratie (la vraie). Il s'agit du livre de Jacques Rancière qui nous fait découvrir l'expérience formidable de Joseph Jacotot avec ses élèves, au début du 19e siècle. Vous allez voir, c'est épatant. (Au-delà des enfants, pensez aussi aux électeurs, aux électeurs-enfants que nous sommes, maintenus dans leur enfance par leurs méchants élus-parents, élus qui (font semblant qu'ils) ne peuvent pas croire un instant que ces enfants puissent un jour devenir — et a fortiori SEULS — des citoyens-adultes.) LE MAÎTRE IGNORANTCinq leçons sur l'émancipation intellectuelle par Jacques Rancière Chapitre premier : une aventure intellectuelle En l'an 1818, Joseph Jacotot, lecteur de littérature française à l'université de Louvain, connut une aventure intellectuelle. Le hasard en décida autrement. L'expérience pourtant dépassa son attente. L'ordre explicateur

faire croire que vous tapez hyper vite sur votre clavier Taper vite sur un clavier sans regarder ses 9 doigts est un must pour toute personne possédant un ordinateur. Mais pour se mentir à soi-même (chose tout à fait peu recommandée par Eric Mainville) je propose deux sites complétement inutiles pour vous donner l’impression que vous tapez au clavier comme un pro. Tapez n’importe où sur votre clavier et le texte apparaît. Vous pouvez même changer l’aspect du type de traitement texte pour donner l’illusion que vous être en train de travailler dur! Il suffit de cliquer en haut à gauche de l’écran. choisir un peu la mise en page. Puis taper comme un malade votre clavier et un code parfait apparaît.

Retina.js | Retina graphics for your website How it works When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place. The script assumes you use Apple's prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server. For example, if you have an image on your page that looks like this: <img src="/images/my_image.png" /> The script will check your server to see if an alternative image exists at this path: "/images/my_image@2x.png" How to use JavaScript The JavaScript helper script automatically replaces images on your page with high-resolution variants (if they exist). Place the retina.js file on your server Include the script on your page <script type="text/javascript" src="/scripts/retina.js"></script> (put it at the bottom of your template, before your closing </body> tag) That's it! Steps: Download Download zip Download source Contribute

Visibilit-Site : Rfrencement par la qualit Naissance dun mythe de la bidouille OWNI, News, Augmented Comme l'imprimante 3D, la carte électronique Arduino est une petite révolution dans le monde des adeptes du "do it yourself" ("faites-le vous-même"). Avec des choix philosophiques bien marqués : open source, économe, tournée vers les amateurs. L’histoire retiendra que c’est dans un bar d’une petite ville du nord de l’Italie qu’est né le projet Arduino qui, de manière totalement inattendue, est en train de révolutionner le domaine de l’électronique à l’échelle mondiale, puisque pour la première fois tout le monde peut vraiment s’y essayer et découvrir qu’il aime ça ! L’histoire retiendra également que rien de tout ceci n’aurait été possible sans le choix initial des licences libres qui a conditionné non seulement son bas prix et sa massive diffusion mais également son approche et son état d’esprit. Acteur et non consommateur, on retrouve ici le goût de comprendre, créer et faire des choses ensemble. La genèse d’Arduino The making of Arduino Le couteau suisse rêvé devenu réalité robot Arduino

Closures: Front to Back | Nettuts+ Closures are often viewed as an arcane art in the land of JavaScript. Once mastered, they allow you to write some truly amazing JavaScript. This article will get you up to speed on the magic of JavaScript closures. What Is A Closure? One of the key truths of JavaScript is that everything is an object. A closure is nothing more than a function object with a related scope in which the function's variables are resolved. Closures get their name because of the way they close over their contents. If you open up your favorite console and run that bad boy, you will be greeted with a delicious message to the effect of "This pizza is all about the pepperoni ..... A Closure is a Function Object How many function objects are in the above code? A Closure Has its Own Scope Closures can't be fully understood without a firm grounding in scope. Functions are executed using the scope that was in effect when the function was defined. Variable Accessibility Works Outside-In JavaScript Uses Lexical Scoping jQuery

Moteurs de templates : fausse bonne ide ? Aujourd’hui, j’inaugure le « Guest blogging » avec un article vraiment très intéressant de Nicolas Torres (@noclat) sur l’intérêt mais aussi et surtout les « pièges » à éviter lorsqu’on utilise un moteur de templates (comme Smarty par exemple). PHP se suffit à lui-même pour effectuer du templating, en déclarant toutes les variables dans un fichiers de traitement, et en les appelant dans un fichier d’affichage inclus à la fin du traitement. Pourquoi les développeurs utilisent-ils alors une surcouche ? Mauvaises excuses J’ai souvent entendu « pour que celui qui s’occupe de l’affichage n’aie pas besoin de connaissances en PHP » ou « pour appliquer simplement un cache par fichier « parsé » (inclus et interprété) ». Effectivement la plupart de ces moteurs recréent une syntaxe simplifiée qui raccourcis le temps de codage et permettent une meilleur lisibilité du code telle que : {variable} au lieu de : La faiblesse d’un tel procédé « Parser », c’est consommer. Les bonnes pratiques Un moteur à syntaxe

#Egypte : Les militaires sont dans la place ! 17 Décembre. En ce jour anniversaire du martyre de Mohammed Al-Bouazzizi, nous aurions aimé vous apporter de meilleures nouvelles. Ce jour aurait pu être un jour de recueillement et de mémoire. Un jour où nous aurions tourné nos pensées vers ceux, tombés pour un monde meilleur. Les dirigeants de l’Egypte, du monde, en ont décidés autrement. Aujourd’hui, en Égypte, 10 nouveaux martyrs sont tombés. Le 25 novembre dernier, en réaction à la nomination de Kamal El Ganzouri comme premier ministre par le Conseil suprême des forces armées égyptiennes (SCAF), des manifestants de Tahrir décident de procéder à un sitting devant le parlement et les bureaux du premier ministre. Les manifestants ont leurs raisons. Entre le 19 et le 25 novembre plus de quarante d’entre eux sont tombés sous la répression des forces de sécurités. De quoi les pousser à bout. Jusqu’au 15 décembre, pas d’incidents majeurs. Dans son blog, « The Arabist » dénonce un vide de commandement. Le campement de #OccupyCabinet en feu