Archives par catégorie: Webdesign

CSS – Intégration – Inspiration – conception – html

tuto – faire une interface qui s’adapte à tous les écrans

Vérifiez ce guide débutant à la conception Web réactive pour une introduction plus détaillée. VOUS PARTEZ DE ZÉRO Développer un site Web entier ou une application Web est un processus difficile. Vous ne saurez pas si le site sera couronné de succès jusqu’à ce qu’il vit et dans le monde, créant ainsi un site distinct mobile ou […]

Web App vs Site Web Mobile

Web App : En informatique, une application Web (aussi appelée WebApp) est un logiciel applicatif manipulable grâce à un navigateur Web. De la même manière que les sites Web, une application Web est généralement placée sur un serveur et se manipule en actionnant des widgets à l’aide d’un navigateur Web, via un réseau informatique (Internet, […]

Compression de la page et nettoyage de code

Comme vous le savez internet n’aime pas les pages lourdes : L’accent est souvent mis sur la performance des sites et les économies de bande passante. Les temps d’accès et de téléchargement se mesurent (très précisément avec de nombreux outils) en millisecondes. De nombreuses recommandations provenant de Google et Yahoo font mention de la compression des pages avant leur transit sur le réseau. […]

Alterner des lignes en css dans un tableau

Alterner la couleurs des lignes d’un tableau en HTML facilite la lecture de la page.  Voici des exemples. Voici le code pour alterner les couleurs horizontalements.table tr{background-color:#fff;} /*couleur par défaut, pour IE)*/ tr:nth-child(even) {background: #CCC} tr:nth-child(odd) {background: #FFF} Il existe aussi ce code : table tr:nth-child(2n+1){background-color: #EEE;} mais il ne fonctionne qu’en css3 😀   […]

Les sélecteurs CSS

Voici les sélecteurs dont on a régulièrement besoin : X:link et X:visited a:link { color: blue; } a:visited { color: purple; } La pseudo-classe :link correspond à tous les liens qui n’ont pas été visités. La pseudo-classe :visited correspond à tous les liens déjà visités. Compatibilité :  >IE7+ >Firefox >Chrome >Safari >Opera X > Y […]

Design d’interface – 1.Généralités

Initiation a l’ergonomie d’interface web Interface Design Basics (english) 101 choses que j’ai apprise a l’école d’interaction ( site : http://www.ixd101.com/) La hiérarchie des interactions La hiérarchie de l’information Sites d’intérêt nous aider à savoir où nous allons et où nous avons été Dans les moments difficiles, demander «Quel est le problème d’utilisateur que nous tentons […]

Visualisation de données

Voici quelques exemples de visualisation de données : – 10 Choses que l’on peut apprendre sur la visualisaion de données du NewYork Times : Lien – Les résultats des élections – Quelles sont les personnes qui vivent autour de nous ? Pour faire passer un message : http://ge.ecomagination.com/smartgrid/#/landing_page client mobile stratégie http://sixrevisions.com/mobile/clients-mobile-strategy http://inspirationfeed.com/inspiration/illustration/55-striking-data-visualization-and-infographic-poster-designs/http://designrfix.com/graphic-design/infographics-art-information-design http://www.blogduwebdesign.com/graphisme/les-50-plus-beaux-graphiques-de-visualisation-de-donnees/25http://graphicswing.com/data-visualization-4-swingin-infographics/ http://www.freevectorsdaily.com/data-report-vector-elements/ […]

developpement mobile – partie 2 interfaces

Un regard à l’intérieur Design Patterns Mobile. Enfin … euh… plus tôt :comment ca fonctionne le design mobile, chef ? Les modèles de conception pour mobile sont en train de devenir incontournable.  La plate-forme mobile arrive à maturité et Theresa Neil  dans son nouveau livre « mobile Gallery Design Pattern » nous fournit des solutions pour réussir […]