Billets tagués « Web »

JavaScript universel et architecture isomorphe

On parle depuis quelque temps de « JavaScript isomorphe » pour décrire des architectures Web dans lesquelles on abandonne les principes historiques des Single Page Applications composées de coquilles HTML vides et moult JavaScript pour les remplir. Le JavaScript isomorphe a plutôt comme principe de produire des pages HTML pleinement fonctionnelles dès la sortie du serveur, mais chargeant elles aussi moult JavaScript pour prendre le relai —si possible— afin d’améliorer l’expérience utilisateur. Je propose que l’on parle d’« architecture isomorphe », une implémentation possible étant en « JavaScript universel ».

esviji v2 sera complètement responsive

Voilà plus d’un an que je travaille sur une nouvelle version de mon jeu esviji développé en technologies Web, et plus particulièrement en SVG. Avant la sortie prochaine de cette v2 sur tous vos écrans, voici déjà un petit teasing de son interface devenue complètement responsive.

Mes bookmarks migrent de Diigo vers Pinboard

Diigo a décidé de supprimer les listes, si pratiques pour rassembler des bookmarks par thématiques ou destinations de redistribution — j’en utilise une pour les CleverMarks par exemple — sans « polluer » les tags, au profit d’une nouvelle fonctionnalité Outliner, bien plus proche d’un outil de prise de notes comme Evernote que d’un outil de bookmarking social. Du coup je m’en vais voir ailleurs si l’herbe est plus verte.

Une ode à l'em

Après avoir eu des retours plutôt nombreux et positifs suite à ma conférence à Paris Web 2013, j’ai retroussé mes manches pour proposer une version plus rédactionnelle, en essayant de retranscrire tout ce que j’ai dit mais pas mis dans mes slides, et même plus. Et j’ai la chance d’avoir vu ce très long article publié sur 24 Jours de Web, « le calendrier de l’avent des gens qui font le web d’après ».

Virer le .pac pour que le proxy soit un peu moins PALC

Quand les clients ne nous imposent pas de travailler sur leurs propres machines —heureusement pas trop souvent—, ils nous imposent souvent un proxy pour accéder à Internet, le grand méchant loup. S’il est bien connu que les règles de filtrage imposées sont souvent contre productives, l’auto configuration à l’aide d’un fichier .pac peut ajouter une contrainte supplémentaire pour les développeurs.

Ma conférence à Paris Web 2013

Après y avoir assisté plusieurs années en tant qu’auditeur, j’ai eu la joie — le privilège — d’être sélectionné parmi les orateurs de l’édition 2013. Sélectionné qui plus est avec un sujet plutôt pointu, sur une bonne pratique que tout le monde devrait appliquer depuis plus de 10 ans, mais qui est très largement sous estimée.

Gérer des commentaires sur un blog statique

Ce blog tourne depuis plus de 10 ans sur SPIP, mais cela fait des mois que je suis tenté de passer à un mode plus statique, avec publication par fichiers Markdown. Sauf que je suis plutôt attaché à la possibilité de commenter mes billets, et que je ne souhaite pas externaliser ces données. Pas simple…

Matraquage publicitaire

Je fais parti des dingues qui n’utilisent pas de solution de blocage de pub type Adblock Plus, notamment parce que parfois une pub peut réellement m’intéresser, mais surtout parce que je veux voir ce que le créateur du site a réellement voulu me montrer. Et parfois j’ai envie de pleurer…

Lâchez prise !

Le Firefox de mon MacBook Pro HD est configuré avec une taille de texte par défaut de 18 px. Sur mon Mac mini branché à la TV de mon salon, c’est 24 px. Si votre site m’impose une taille de texte illisible de 11 px ou son design est complètement cassé bien que respectant ma préférence de taille de texte, ne comptez pas sur moi pour y rester…

Attention au détournement SEO de vos URL !

On le sait bien, les termes qui se trouvent dans une URL sont utilisés par les moteurs de recherche dans leurs index. Au point que certains consultants SEO passent leur temps à optimiser ces termes, leurs valeurs, nombre et positionnement. Malheureusement, peu de sites s’assurent que l’URL ainsi définie soit la seule permettant d’arriver à la page correspondante. Le détournement d’URL est alors possible.

Retrouvons nous à Web UX et Sud Web les 26 et 27 mai

Vous le savez sans doute si vous me lisez régulièrement, sur ce blog ou via mes tweets, je suis dingue de Web, et toujours intéressé par ses moyens de mise en œuvre, usages et acteurs, et donc très intéressé par tout événement permettant de mixer tout cela. Cette année, en plus de l’incontournable rendez-vous annuel Paris Web en octobre, vous pourrez me croiser fin mai à Nîmes pour Web UX et Sud Web.

Donner des noms explicites aux fichiers en téléchargement

De nombreux sites proposent de télécharger des fichiers. Qu’il s’agisse de documents bureautiques, de programmes ou de tout autre format, le nom du fichier sur le serveur sera presque tout le temps conservé tel quel par l’utilisateur sur son ordinateur. L’utilisateur sera peut-être amené à conserver ce fichier parmi d’autres, pour utilisation ultérieure. Il est donc important que son nom soit explicite.

Un tri incompréhensible des fuseaux horaires sur txtst.com

La géolocalisation est un service de plus en plus tendance, notamment au sein des applications Web sociales. La solution Fire Eagle de Yahoo! permet par exemple de centraliser la localisation d’une personne, et de rendre cette information disponible à toutes sortes de services. Mike Bukhin a ainsi créé Fire Eagle Badge qui permet par exemple à un blogueur d’afficher une petite carte Yahoo! Maps sur son blog pour montrer en temps réel où il se trouve.

Des formulaires qui n’en ont pas l’air sur moof.com

Moof est une n-ième application Web d’écoute de musique, mais je ne m’étendrais pas sur les fonctionnalités, là n’est pas le sujet. Une originalité de Moof, c’est qu’ils proposent directement sur la page d’accueil le formulaire de création de compte, alors que c’est en général déporté sur une page dédiée.

Respecter les usages courants

L’innovation, ça a du bon, ça fait avancer. Mais à trop innover, on perd les utilisateurs en chemin, parce qu’on leur impose de nouvelles choses qui ne sont pas identiques aux habitudes qu’ils ont prises. Comme le disait Voltaire, « le mieux est l’ennemi du bien ».

Un menu de navigation toujours visible

Depuis quelques jours, le menu de navigation principal de Gastero Prod reste visible en permanence même si vous descendez dans la page. Cela peut vous sembler un caprice de g33k qui tente des trucs un peu sexy, mais à l’usage, je suis extrêmement content de ce rapide ajout ergonomique !

Photo.fr n'est pas en form

Sur son site déjà récemment revu, le célèbre magazine Photo a prévu la possibilité pour les internaute de saisir leur adresse e-mail afin d’être prévenus de la sortie du futur nouveau site. Sauf que le champ n’est pas dans un formulaire, et est donc inopérant.

Autres tags à explorer

3D 404 API Algolia AlwaysData Apple Blogmarks CSS Canon Chrome Clever Age Cloudinary CrashPlan Daft Punk Diigo DotClear Drobo FNAC FeedBurner Firefox Firefox OS Flickr Free Gandi Gastero Prod Google Greasemonkey HD HTML HTTPS Hong Kong Internet Internet Explorer JPG Magazine Jan Kounen JavaScript Jekyll LCL Les Nuls Linux Mac Media Queries Microsoft Montessori Mozilla NetBook New York OPML Orange PEAR PHP PWA Panasonic Paris Web Phototrend PicLens Pinboard PlayStation RATP RSS RWD RX100 Responsive Web Design RewriteRule SAV SEO SFR SNCF SPAM SPIP SVG Safari Service Worker Silverlight Sony Steve Jobs Sud Web TGIF TinEye Twitter URL UX Venise Web Web 2.0 Web Services Web UX WiFi Wifi Windows Yahoo accessibilité agenda aléatoire anglicisme animal animation appareil photo arnaque art astuce automobile bande annonce bande dessinée banque beauté bleu blog blogosphère bookmarks bug buzz capteur chaîne cinéma citation clavier client riche commentaire commentaires commerce concert conférence copinage couleur court-métrage création cuisine design dessin animé digital don droit développement e-commerce e-mail ebook em ergonomie erreur esviji extension fail fichier film financement participatif flash flux fonte formulaire français fun gadget geek géolocalisation humour hype hébergement iPad iPhone iPod Touch iTunes image informatique innovation insolite interface interview isomorphe jQuery jeu jeu vidéo langue licence liseuse liste littérature livre logiciel logiciel libre loisirs lumière macro mannequin marketing matériel mobile moi mot de passe musique méduse navigateur nuit numérique offline orage ordinateur papier papillon parodie people perspective photo phpHeaven phpMyChat pixel art plongée plugin portrait pose longue pratique presse publicité qualité radio recherche redirection religion réseaux sociaux sac sauvegarde sculpture silhouette société sony spam sport standards statique statistiques statue symbole syndication sécurité sémantique série tag talent technologie telecom test théorie time-lapse transfert tri téléchargement téléphone télévision universel vidéo viewport virtuel visage voiture voyage vélo webperf wiki éclair écologie éducation