http://designmodo.github.io/Flat-UI/
Responsive Images : comprendre srcset et sizes - Alsacreations Entre les images floues sur écrans rétina, mal adaptées ou trop lourdes, il n'est pas toujours évident de gérer les différentes ressources graphiques sur l'ensemble des surfaces et des périphériques. Les techniques de Responsive Web Design tiennent parfois (souvent) de la bidouille et il est difficile de distinguer les bonnes pratiques d'intégration. Au sein des différentes spécifications existantes et des techniques utilisables en production, srcset, sizes et <picture> sortent du lot aujourd'hui. News Domotiques by DomadooNews Domotiques by Domadoo Netatmo, jeune société Française, a sorti récemment une station météo personnelle connectée à Internet par WiFi. Ainsi, les informations liées à votre environnement sont consultables de n’importe où et à partir d’un ordinateur, Smartphone ou tablette. Compacte, cylindrique, dotée d’un design élégant avec un habillage en aluminium (matériau recyclable) la Station Météo Netatmo est composée de deux modules, un pour l’extérieur, l’autre pour l’intérieur. Comme toute station météo, Netatmo inclut des mesures de température, humidité et pression atmosphérique, mais elle intègre aussi une mesure de la qualité de l’air, de la concentration en CO2 et de l’environnement sonore.
font-style La propriété font-style permet de sélectionner une fonte italique (italic) ou (oblique) parmi celles listées par font-family. font-style: normal;font-style: italic;font-style: oblique; font-style: inherit;font-style: initial;font-style: unset; <div class="row"><ul class="cell"><li><em> normal:</em><span class="fsNormal" >Le vif zéphyr jubile sur les kumquats du clown gracieux</span></li><li><em> oblique:</em><span class="fsOblique">Le vif zéphyr jubile sur les kumquats du clown gracieux</span></li><li><em> italic:</em><span class="fsItalic" >Le vif zéphyr jubile sur les kumquats du clown gracieux</span></li></ul><div class="cell note"> The style above can vary, depending on the font you are using: <input id="fontName" value="Gill Sans"></div></div> La forme italique est généralement une forme cursive qui utilise moins d'espace horizontal que les autres formes classiques.
Briefs crée des prototypes interactifs d’app iOS Briefs[1.0.1 / Démo – US – 179,99 € – OS X 10.8 – Briefs, LC] est un outil de prototypage pour applications iOS qui permet de tester une interface avec son interaction, directement sur un appareil iOS. Ce principe n’est pas nouveau, mais ce logiciel fait le pari du natif : même s’il est dédié à un designer et même s’il ne nécessite pas de savoir coder en Objective-C, il offre un rendu réaliste, avec les animations de base d’iOS. De quoi se faire vraiment une idée d’un design avant de le mettre en place concrètement dans Xcode. Puisqu’il s’agit d’un outil dédié à la création de prototypes et non au développement, vous ne verrez aucune ligne de code dans Briefs. Le logiciel est plutôt simple à prendre en main, même si son interface est assez touffue : mieux vaut prendre un peu de temps au début à la comprendre et découvrir les différentes parties du logiciel.
Prenez en main Bootstrap Vous créez des pages web et vous passez beaucoup (trop) de temps avec le CSS ? Alors Bootstrap est fait pour vous ! Ce cours va vous guider dans la découverte de cette puissante boîte à outils. Bootstrap, kit CSS créé par les développeurs de Twitter, est devenu en peu de temps le framework CSS de référence. Vous allez découvrir pas à pas comment construire rapidement et facilement des sites web esthétiques et responsives.
Je ne suis pas un ergonome — Gilles Demarty Lorsque j'ai démarré chez SQLi, j'ai signé un contrat de travail de Consultant Ergonome Expert. De même, souvent, quand je discute avec des clients, on m'appelle ergonome et on me parle de "l'ergonomie que j'ai faite". Pourtant, cher lecteur, j'ai un aveu à te faire : je ne suis pas un ergonome. Non pas que je n'applique pas des principes d'ergonomie dans mon activité de tous les jours: je sais comment les utiliser, et quelles sont les limites du nombre de Miller, des Lois de Hick et de Fitts, et des principes du Gestalt. Je sais utiliser les critères heuristiques de Scapin et Bastien, et je connais les grands biais à surveiller quand j'organise et que je facilite des tests utilisateurs.
Animation css3 : Cartes Introduction Voici une application des styles css3 utilisant la transformation et la transition pour donner un effet d'affichage de plusieurs images sur le passage de la souris. Mise en place La partie html est succincte, la logique étant située au niveau des styles CSS : Le code html est le suivant : Nous allons voir en détail la partie CSS : 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.