Group items tagged

"Front-end development exists in a constant state of evolution. It has hurtled through several distinct eras: from tables to stylesheets, to 'pixel-perfect' CSS and HTML based on meticulously sliced PSDs, to an emphasis on semantics, responsiveness, and flexibility. Techniques and innovations that were once considered cutting-edge, like responsive design and the use of CSS3 effects and transitions, are now accepted standards for many front-end developers. Designs have become flexible and responsive. They enable rather than constrain server-side development, and are easy to update, revise and redesign. Markup is clean and semantic, and we can create beautiful designs without ever needing to open Photoshop (if we want to). Things are good, but they're getting even better. At Envato, we've noticed that the way we build the web is changing."

"C'est un exemple à suivre, et il fait parler de lui depuis plus d'un an maintenant. En 2013, le site institutionnel britannique Gov.uk remportait le prestigieux Design Museum Design award, un prix décerné depuis 2003 par cette institution londonienne consacrée au design contemporain. Ce "mini-événement" a pu être reçu avec surprise et quelque amusement dans la mesure où le site récompensé n'est pas particulièrement beau ou esthétique. Comme le rappelle le blogger Tin Kadoic dans un article sur le sujet, certains l'appellent même boring.com. Chacun pourra donc se faire un avis sur la question. Simplicité, sobriété, efficacité : c'est le leitmotiv flagrant de ce site dont l'ambition aurait pu vite tourner en labyrinthe digital. L'idée était en effet de simplifier la prise de contact et les démarches avec le gouvernement, c'est-à-dire avec pas moins de 24 ministères et des centaines d'agences gouvernementales, en les regroupant autour d'une unique voie d'accès : gov.uk."

"Je suis tombé sur cet article qui explique que les journalistes du New York Times n'ont pas le droit d'accéder au site du journal depuis un ordinateur. La démarche peut paraître surprenante mais l'objectif derrière cette interdiction consiste à faire comprendre aux employés combien est importante la connexion mobile. En effet, le trafic internet est depuis quelques temps trusté par le mobile. En France, 42% du trafic est réalisé à partir d'un appareil mobile. Le développement en matière d'équipement (smartphones, tablettes) et l'amélioration de la connexion internet mobile sont les conséquences du déclin (relatif) de l'accès à internet via ordinateur. D'ailleurs, souvenons-nous que Google a décidé récemment de favoriser les sites qui sont responsive design. Au-delà des problèmes de neutralité du Net soulevé par ce changement, cela pose un véritable problème pour ce qui nous intéresse ici plus particulièrement : les bibliothèques."

"Je suis tombé sur cet article qui explique que les journalistes du New York Times n'ont pas le droit d'accéder au site du journal depuis un ordinateur. La démarche peut paraître surprenante mais l'objectif derrière cette interdiction consiste à faire comprendre aux employés combien est importante la connexion mobile. En effet, le trafic internet est depuis quelques temps trusté par le mobile. En France, 42% du trafic est réalisé à partir d'un appareil mobile. Le développement en matière d'équipement (smartphones, tablettes) et l'amélioration de la connexion internet mobile sont les conséquences du déclin (relatif) de l'accès à internet via ordinateur. D'ailleurs, souvenons-nous que Google a décidé récemment de favoriser les sites qui sont responsive design. Au-delà des problèmes de neutralité du Net soulevé par ce changement, cela pose un véritable problème pour ce qui nous intéresse ici plus particulièrement : les bibliothèques."

"Modern websites largely fulfill the promise of being device-agnostic, but our ebooks are lagging behind. A look at how publishers can adopt responsive practices to build better digital books."

"Peut-être en avez-vous déjà entendu parler: c'est une discussion qui anime le web depuis quelque temps, et notamment les designers et typographes, autour d'un concept au nom barbare mais tellement prometteur, le responsive design."

"Nous lançons aujourd'hui Responsive Museum Week avec Geoffrey Dorne, et avec tous ceux qui nous rejoignent. Du 15 au 24 octobre 2012, remixez les sites des grands musées. Pour les rendre modernes, responsives, mobiles. Partagez vos css remixées avec tous les utilisateurs. Du web design pour les utilisateurs, par les utilisateurs !"

"Le web a un historique avec beaucoup de mises en page fixes. On allait jusqu'à indiquer en bas de page avec quel taille et quelle résolution d'écran il fallait pour consulter le site dans les meilleures conditions. C'était déjà difficilement tenable avant, mais l'arrivée des tablettes et smartphones a totalement changé la donne. Depuis, c'est le terme « responsive web design » qui représente l'état de l'art : des mises en page dynamiques qui s'adaptent à toutes les tailles d'écran et une majorité des tailles de caractères. La littérature est en train de vivre une bascule similaire avec le numérique : Les livres, au moins la littérature classique, s'adapte à l'écran et à la taille de caractères choisies. Dans le format EPUB on parle de reflow. Là où je suis perplexe, c'est devant l'arrivée des EPUB à mise en page fixe. D'une part parce qu'ils ont tendance à bêtement remplacer le PDF, sans réelle valeur ajoutée. Même contraintes, moins de compatibilité avec les lecteurs actuels, pas vraiment plus standard vue le nombre de directives propriétaires."

Commentaire de Jiminy Panoz : "Interview très intéressante (en anglais) du designer de The Verge et SBNation, qui rappelle l'importance de la typographie dans l'approche du Responsive Web Design. On peut également y apprendre que son livre autopublié n'est disponible qu'en papier car il n'a pas réussi à exporter un livre numérique de bonne qualité avec les outils existants. S'il fallait une (énième) preuve que le développement eBook et le développement web sont deux matières bien différentes…"

Article expliquant l'intérêt de proposer un site Web de bibliothèque qui s'adapte pour les mobiles (smartphones mais aussi tablettes) : éloge du Responsive Design et du HTML5. Il est aussi question de la consultation des catalogues sur ces terminaux.

"The past two years were a wild goose chase for answers. I read books, looked at art, listened to my heroes, and sketched out scratchy thoughts of my own to search for any sensible response to a question that had been lodged in my head for months. What does it mean to natively design for screens?"

"Comment réaliser un livre numérique ? Le jeudi 20 juin 2013, FontaineOLivres organise une journée de formation pour apprendre à maîtriser les techniques et les outils nécessaires à la réalisation d'un livre numérique. Ouverte aux responsables, collaborateurs d'édition, graphistes, chargés de fabrication et aux porteurs de projet de création de maison d'édition, cette formation, orchestrée par Roxane Lecomte (développeuse et graphiste), Jiminy Panoz (auteur, développeur et designer de livres numériques), aidera les participants à comprendre le fonctionnement d'un livre numérique et à réaliser leurs propres fichiers." Plus d'infos : http://www.fontaineolivres.com/fontaine-o-livres-numerique,0309.html

"Think about the times you scroll on your mobile phone. Not necessarily on on the Web, but in general." Analyses et réflexions.

"Jeudi 2 octobre, lors des journées portes ouvertes organisées par la société Archimed, une table ronde sera consacrée à l'accessibilité et au responsive design. J'y participerai avec Sylvie Duchateau (Access42) : ce sera pour nous l'occasion d'expliquer la démarche suivie par Archimed et les progrès manifestes en matière d'accessibilité des portails Ermès. Nous récoltons en effet aujourd'hui avec beaucoup de plaisir le fruit de deux ans de sensibilisations, démonstrations, formations… A présent, avec un portail Ermès de dernière génération, les utilisateurs de revue d'écran peuvent comme tout un chacun consulter leur compte, faire des recherches dans le catalogue et rebondir sur les résultats de recherche, réserver un document, mais aussi donner leur avis sur un livre, lui attribuer une note, gérer leur panier…"

"Cela fait quelques semaines maintenant qu'une nouvelle version du site [de la bibliothèque de Clermont Université] est en ligne ! Cette nouvelle mouture permet une consultation plus aisée sur plate-forme mobile que ce soit sur tablette ou smartphone. Il y a plusieurs solutions pour adapter un site pour mobile : créer une application à part entière ou partir du site existant. Étant donné le contenu important du site, nous avons préféré opter pour la deuxième solution. Ceci nous a été permis grâce aux Media Queries."

"Depuis le 15 juin, les journalistes du New York Times ne peuvent plus accéder en interne au site de leur journal sur ordinateur, mais uniquement via leurs tablettes ou smartphones. L'idée peut sembler étrange, mais en forçant les journalistes à utiliser les supports mobiles, la rédaction veut obliger ces derniers à concevoir une information spécialement adaptée aux nouveaux usages. Les lecteurs du New York Times découvriront peut-être un nouveau type d'information dans les prochains jours."

"C'est l'histoire d'un petit bidouillage technique qui n'intéresse guère le commun des mortels. Une modification dans l'algorithme du moteur de recherche mobile de Google. Pas de quoi changer votre vie ? Pourtant, cette mise à jour est déjà surnommée « Mobilegeddon ». L'apocalypse, elle est promise à ceux qui ne respecteraient pas le nouveau diktat de la firme américaine : être « mobile-friendly » (adapté au mobile) ou ne plus exister."