POSTing JSON Data With PHP cURL. How to build (and how not to build) a secure “remember me” feature. The Best Freebies for Designers (June 2013) Cheat Sheet. Dimensionner ses fontes avec rem. Par Jonathan Snook Déterminer quelle unité de mesure choisir pour la taille de notre texte peut mener à un débat houleux, même de nos jours.
Malheureusement, il existe toujours des avantages et inconvénients qui rendent ces différentes techniques peu désirables. La question est alors de savoir quelle solution est la « moins pire ». Les deux techniques suivantes sont le plus souvent utilisées : Les microformats et microdata apportés par HTML5. Microformats, microdata, nouvelle sémantique, nouveaux éléments HTML… Tant de nouveautés qui perturbent les intégrateurs web soucieux de se mettre à jour dans leurs compétences ou curieux de savoir ce dont ils peuvent déjà faire usage dans leurs intégrations.
Bien que les microformats existent depuis 5 ou 6 ans, ce n’est qu’avec l’arrivée de HTML5 que la profession et les outils sont suffisamment mûres pour commencer à les exploiter réellement. Nous allons essayer de nous concentrer sur les microformats et, surtout, les microdata apportées par HTML5. Cet article a été rédigé par Geoffrey Crofte, intégrateur et designer web chez Alsacréations et pour son petit studio Creative Juiz.
Également auteur de son propre blog Creative Juiz et de nombreux articles pour la communauté Alsacréations, Geoffrey apprécie les expérimentations sur CSS3 et nous les fait partager sur TryToTry, son laboratoire. Retrouvez Geoffrey sur Twitter : @geoffrey_crofte ou sur son portail perso. Gargarismes ergonomiques. Votre kit "Card Sorting" Votre kit "Agile UX" Inventaire des contenus : modèle et méthode. Ce billet a été lu 12516 fois. À votre tour? Le plan de contenu répertorie tous les contenus produits dans un projet de stratégie éditoriale. Il désigne le document (généralement dans le format d’un tableur Excel) qui inventorie tous ces contenus. Dans ce billet, je propose une définition, une méthode et un modèle à télécharger.
Le plan de contenu – ou inventaire des contenus – est un outil précieux, performant et très rentable, qui devrait être mis en place dès le départ de tout projet de gestion de contenus en ligne… Dans la gamme des outils éditoriaux (dont j’ai déjà évoqué certains : les personæ, la charte lexicale, l’arborescence, la check-list rédactionnelle, etc.), l’inventaire des contenus est l’un des plus simples à créer et à utiliser, et pourtant l’un des plus négligés voire ignorés des projets Web…
Laws of Simplicity. Les critères ergonomiques de Bastien & Scapin, Partie 1. Introduction : les critères comme outil de travail » Genèse et utilité des critères ergonomiques Le travail de l'ergonome s'articule autour d'outils qui lui servent à juger de l'utilité et de l'utilisabilité d'un système informatique.
Parmi ces outils, il existe de nombreuses normes, recommandations et check-lists visant à fournir un cadre à l'expertise de l'ergonome. Expérience utilisateur, Design, Ergonomie. 10/GUI : The Video. Yazo.net - Accueil. “Right click and save as” needs to go away. For a long time it has been standard practice to ask visitors to “right click and save as” when downloading a file that the browser itself is capable of rendering, but where doing so is not desirable.
One reason for doing this is to spare people from the annoying experience of accidentally clicking a link to a 25 MB PDF, which subsequently launches a browser plugin that of course crashes while trying to download and display the file. From a UX perspective though, adding instructions on how to click a link is not optimal, and feels like a hack. Not to mention that lots of people are literally afraid of the right mouse button. My mother is anyway. Luckily there’s a correct way of doing this now, though it hasn’t seen widespread adoption yet: The HTML5 download attribute You use it like this: <a href="hugemothereffinpdf.pdf" download>Download file</a> Any file the browser would normally try to display natively or through a plugin can be forced to download using this attribute. Support. Pourpre.com - les mondes de la couleur, les couleurs du monde.
Les Media Queries CSS3. La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML.
On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc. WAI-ARIA Overview. XHTML 1.0 : Le langage de balisage hypertexte extensible. Cette spécification a été traduite par Karl Dubost, Normandie Web (karl@la-grange.net) dans une démarche volontaire. Toute amélioration est la bienvenue. François Yergeau (yergeau@alis.com) pour la correction des détails.
La version française de cette traduction est : Traducteur : Karl Dubost - <karl@la-grange.net> François Yergeau <yergeau@alis.com> pour la correction des détails. La version française peut contenir des erreurs. Web Squared: Web 2.0 Five Years On - by Tim O'Reilly and John Battelle. Schema.org. Bienvenue sur le wiki des microformats ! Les microformats sont des extensions au HTML pour marquer les personnes et organisations, événements, endroits, billets de blog, produits, critiques, C.V., recettes etc.
Les sites utilisent les microformats pour publier une API standard qui est consommée et utilisée par les moteurs de recherche, navigateurs et d'autres outils. Regardez C'est Quoi les Microformats pour en savoir plus. nouveau ! Mobile HTML5 - compatibility on iPhone, Android, Windows Phone, BlackBerry, Symbian and other mobile and tablet devices. Tri de cartes et ergonomie web. Introduction L'architecture de l'information est le fondement de la structure d'une application.
Pour optimiser cette architecture, plusieurs méthodes sont utilisées. Cet article décrit l'une d'entre elles, le tri de cartes. Nous détaillerons les caractéristiques des différents types de tris, le déroulement classique d'une session de tri, ainsi que le rapport entre les caractéristiques de la méthode et les besoins et contraintes de l'ergonomie web. Top 5 Browsers from Feb 2012 to Feb 2013.
How Users Read on the Web. L’URL Rewriting expliqué aux débutants. Par Olivier Duffez, le 04 août 2008.
Url Rewriting, Regex: actualité, tutoriel, download. Styles auteur, utilisateur et agent utilisateur : 3 raisons de lâcher prise sur votre design. Le rendu final d’une page Web n’est pas le produit figé des règles de présentation fixée par son auteur : il résulte de la combinaison des 3 sources de styles de l’auteur, de l’agent utilisateur et de l’utilisateur lui-même.
Cascade CSS et priorité des sélecteurs. CSS signifie « feuilles de styles en cascade »...
Mais au fait, la cascade, qu’est-ce que c’est, à quoi ça sert, comment cela fonctionne ? Plongez avec nous dans la cascade sans risque de noyade ! Les styles CSS appliqués finalement à une page Web ont de multiples origines simultanées : styles utilisateurs et styles par défaut de l'agent utilisateur s'ajoutent aux différentes feuilles de styles éventuellement prévues par l'auteur, pour structurer ses CSS en modules, offrir des styles alternatifs ou styler ses documents pour différents medias.
Les sélecteurs. 5.1 La reconnaissance d'un motif En CSS, des règles de reconnaissance de motifs déterminent les règles de style qui s'appliquent aux éléments de l'arbre du document. Ces motifs, nommés sélecteurs, sont variés, allant du simple nom d'un élément jusqu'aux riches motifs contextuels. RESS: Responsive Design + Server Side Components. Les feuilles de style en cascade, niveau 2. Recommandation du W3C du 12 mai 1998 Cette version : Dernière version : Version précédente : Rédacteurs : Bert Bos <bbos@w3.org>Håkon Wium Lie <howcome@w3.org>Chris Lilley <chris@w3.org>Ian Jacobs <ij@w3.org>
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. Caractères spéciaux et entités HTML - Doc’ Alex. Media Queries. Web Hypertext Application Technology Working Group. Welcome! - The Apache HTTP Server Project.