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 […]
Archives par catégorie: Webdesign
CSS – Intégration – Inspiration – conception – html
Besoin de concevoir un nouveau picto pour les toilettes ? Voici une petite galerie pour vous
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, […]
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 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 😀 […]
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 […]
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 […]
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/ […]
L’utilisation des tableaux (balise table) à des fins de mise en page a été rudement critiqué par certains défenseurs des CSS(Lire à ce sujet « Tableaux contre CSS : le combat »).
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 […]