Archives par catégorie: Webdesign

CSS – Intégration – Inspiration – conception – html

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 […]

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 […]

Développement mobile – Trousse à Outils

Trousse a Outils 1.  pour le cache des pages<meta http-equiv= »Pragma » content= »cache » /> 2.  pour que l’icone apparaisse sur le bureau de mon iphone.<link rel= »apple-touch-icon » href= »/images/touch.png » /> 3. IE PC, IE mobile et les navigateurs Blackberry (jusqu’à os6) quant à eux ne  prennent pas en compte la balise media-queries.Mettre un hack respond.js pour IE  sur le même […]

Les grilles et les framework css

Qu’est ce qu’une grille aujourd’hui ? Les grilles ont été utilisées dans l’édition imprimée bien avant le Web n’existe. Grilles sont le fondement invisible utilisée pour réaliser la cohésion visuelle dans le magazine et la conception de pages de journaux et de mise en page. Le système de grille en css offre une approche efficace […]