Innovations quotidiennes dans l’ergonomie du Web

Voici un petit tour du Web, celui des utilisateurs et des développeurs, qui continue de se développer pour toujours améliorer notre quotidien, abordant des innovations intéressantes à découvrir et à redécouvrir, concernant les Web Fonts, JavaScript, HTML5 et CSS3 principalement.

Un nouveau système de Captcha Html5, qui demande à l'utilisateur de dessiner une forme simple à la souris dans une boite, pour prouver qu'il n'est pas un robot. Pas toujours évident à dessiner sans déraper, mais assez révolutionnaire je trouve !

UnderTheSite est un outil qui liste les technologies utilisées sur un site (les différentes bibliothèques jQuery, Html5, les sliders ...). Rapide et simple d'utilisation, il suffit de coller l'adresse du site voulu et l'utilitaire scanne ce site pour vous lister ce qu'il détecte.DatGui, une librairie de contrôles Javascript qui permet de créer des visuels tout à fait charmants, à l'aide d'un panneau de contrôle simple d'utilisation. Testez-le sur cette page, en jouant avec les contrôles sur le côté pour modifier l'animation du logo.

Visually est un site regroupant des milliers d'infographies récoltées sur le web. Parfait pour trouver l'inspiration et découvrir des idées un peu folles, j'aime beaucoup l'échelle de confiance à accorder aux hommes barbus.

The WebDesignersIdeaApp est une appli iPad pour inspirer les webdesigners ? J'aimerais le tester mais je n'en ai pas ! Ca m'a l'air très intéressant et joliment fait, dommage qu'une version web "normale" n'existe pas ! Faites-nous part de vos impressions !

Adobe a sorti un site présentant 12 nouvelles fonctionnalités HTML5 et CSS3, The Expressive Web. Les dégradés, ombres, animations, web fonts, formulaires, audio et vidéo, la plupart des nouveautés visuelles sont représentées de façon ludique et interactive. Le site est en beta, puisqu'incompatible avec plusieurs navigateurs tels que Internet Explorer 7 et 9. Tous les navigateurs récents ne supportent pas toutes les fonctionnalités de HTML5 et CSS3, car ces technologies n'ont pas encore été officiellement lancées, mais il est actuellement possible d'utiliser la plupart de ces nouveautés sur Google Chrome et Mozilla Firefox.

Plus simple que WhatTheFont, c'est Fount par ArtEqualsWork, il suffit d'ajouter un bouton dans la barre de favoris du navigateur, et lorsqu'on est sur un site, que l'on voit un texte dont la police nous intéresse, on clique sur le bouton Fount, puis on clique sur le texte sur la page web. Je vous laisser tester, c'est vraiment super simple et rapide !

Google Webfonts est un annuaire listant des polices open source (libres de droits, utilisables à des fins privées et commerciales) et adaptées à une utilisation web, qui permet de les intégrer facilement à vos sites pour les rendre plus beaux, plus lisibles, plus accessibles et plus ouverts. Le projet inclut un outil d'intégration de fonts à travers le @font-face (CSS 2 et 3). Le but est de promouvoir la variété des web fonts, afin de rendre la typographie Web de qualité, gratuite et plus facile d'accès.

Dans la même idée, on retrouve de nombreux sites proposant de générer le code CSS et HTML accompagnant l'insertion d'une police particulière. Votre police préférée (prennez garde à sa licence d'utilisation !) n'est pas sur Google Web Fonts ? FontSquirrel vous génère le @font-face correspondant à vos besoins. Vous pouvez uploader plusieurs fonts à la fois, l'outil les ajoute au paquet qu'il vous prépare. A la fin, vous recevez un dossier contenant toutes les informations nécessaires à l'installation de vos polices sur votre site : feuilles de style, divers fichiers font qu'il aura converti, et la documentation.

Vous avez un projet Web ? Demandez votre devis en ligne ! Contactez-nous ou passez nous voir :  La Boutique - 10 rue Sainte Hélène - 67000 Strasbourg - 09 52 17 45 23

Vous aimerez sûrement !