background preloader

Webdesign

Facebook Twitter

Tools

Les boutons de validation en voie de disparition ?! Sur l'impulsion du Web riche et du mobile (téléphones et tablettes) on voit disparaître des boutons permettant de confirmer une action….

Les boutons de validation en voie de disparition ?!

Quel sont les avantages de cette disparition ? Alléger l’interface ? Diminuer le nombre de clics ? Nous vous proposons de faire un point sur quelques cas concrets qui nous montrent, à des degrés différents, l’obsolescence du bouton de validation. Pour comprendre l’enjeu de la disparition des boutons de validation, voici quelques règles d’usage extraites de notre livre Ergonomie des interfaces : Employer les boutons pour les commandes fréquemment utilisées.Préciser l'intitulé de la commande en toutes lettres dans l'étiquette du bouton.

La disparition de ce petit composant est donc une problématique intéressante puisqu’elle touche à différents aspects ergonomiques. Valider un champ de saisie. Saisir du texte est une des actions les plus courantes dans la pratique du web. Google propose alors une aide à la saisie qui permet de palier l’absence de ce libellé. Form minus Function on the Behance Network. Best Web Gallery. Instant Feedback. Estro - jQuery Ken Burns & swipe effect slider. Welcome to “Estro” a super smooth jQuery slider plugin by pixelentity.

Estro - jQuery Ken Burns & swipe effect slider

“Estro” meaning “creativity”, “talent” or “inspiration”, in Italian, is a fitting monicker for this beautiful slider. For the design of this slider we wanted to create a price of work which could form the centerpiece of your next web project. A starting point, who’s design and execution would inspire you and supercharge your work.

This jQuery plugin uses unobstrusive javascript to transform a block of simple HTML markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimzied, with all content always being available to search engines. This slider includes a smooth and powerful Ken Burns effect which is completely configurable and compatible with all major browsers (including ie7 to ie9, Firefox Chrome, Opera, Safari) and mobile platforms like iphone / ipad. Update Jul 27th 2011 What The Buyers Are Saying Featuring. Responsive design : définition, fonctionnement, ressources et tutoriels.

Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”.

Responsive design : définition, fonctionnement, ressources et tutoriels

Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !). Le “responsive web design” est né suite à un besoin grandissant. De nos jours, il n’y a pas un client qui demande un site Internet sans demander une version mobile de celui-ci. Seulement en quelques années le nombre d’appareils et de résolutions servant à consulter des sites web a tout simplement explosé : ordinateurs, smartphones, tablettes, web TV, grille-pain, format portrait, paysage, etc… Entre 2005 et 2008 on a identifié pas moins de 400 résolutions d’écran différentes pour tous les appareils vendus. Définition du responsive web design La mise en page La typo. Ressources Web Design. Webdesign Mag.

iGraphisme - Ressource graphique, web design, art numérique. Ressources graphiques. WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels. Free Tools, Webmaster - Ressources et outils open source gratuits pour vos sites web. Bonjour 404.