background preloader

Designers Toolbox Web Safe Area

Designers Toolbox Web Safe Area
Related:  webdesign

User Experience articles and quotes to inspire and connect the UX community | inspireUX 40 Excellent Free WordPress Themes WordPress – the popular open source publishing platform – allows you to easily customize your installation with WordPress themes. Installing themes is a simple affair, and if you’re just starting out with the publishing application, you can check out this guide on using WordPress themes. In this collection, you’ll find 40 high-quality and free WordPress themes handpicked from the vast amount of free themes out there on the web. Note: Be sure to check out the license of the theme for restrictions in usage (if any) and it’s always good (and very much appreciated) to attribute the designer even if they don’t explicitly ask you to. For another great WordPress themes collection, check out: 50 Beautiful Free WordPress Themes. Irresistible Demo – Download Magazeen Demo – Download Imprezz Demo – Download Blues Download iLibrio Download Dark Classic Download remedy Demo – Download Vintage Download CorporateMag Demo – Download Futura Demo – Download The Morning After Demo – Download Holiday WordPress Download Fontanella

Design de sites internet, les critères les plus importants Le design de votre site internet ne doit pas juste être beau. Il faut également qu’il soit optimisé pour l’utilisateur. Il doit vous permettre d’attirer un maximum de visiteurs grâce à un design interactif, et propice au partage. Savez vous à quoi devrait ressembler votre blog ? Il y à des critères pour la largeur optimale, le placement des bouton pour les réseaux sociaux, la taille et le type de police et les couleurs à employer sur vos sites internet. Quicksprout propose cette infographie en anglais. cliquez sur l’image pour l’agrandir Ce qu’il faut savoir pour le design de son site Conclusion Si vous appliquez les conseils présentés dans l’infographie, vous devriez voir une augmentation de votre nombre de visites. Ce sont des changements assez simples qui peuvent faire la différence entre un visiteur qui décampe et un visiteur qui consomme. source: quicksprout

Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design". Les différentes surfaces d'un mobile Afin de mieux cerner et exploiter le concept de viewport sur terminaux nomades, il nous faut commencer par maîtriser deux notions de base : la surface réelle et la surface en "pixels CSS" des mobiles. La surface physique C'est le nombre physique de pixels qui composent la matrice de l'écran, telle que le constructeur le décrit dans les caractéristiques, en gros la "résolution" (en vérité le terme juste est "définition"). Niveau de zoom initial

CSS3 : initiation aux media-queries pour adapter ses pages web à tout type d'écran - CSS débutant Avec l'avènement des smartphones ou autre tablette, la multiplication des tailles et des résolutions d'écran, il devient de plus en plus aléatoire de ne réaliser qu'une seule disposition graphique de sa page web... Comment en effet visualiser correctement sur un smartphone une page qui aurait été pensée pour une résolution minimale de 1900px ? (ce qui est très mal, d'ailleurs...) Les Media-Queries, permettent de cibler différents cas et ainsi d'adapter la restitution de sa page html à différentes caractéristiques des terminaux. Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation ... Pour en expliquer le principe, on se limitera à deux exemples : La largeur de la fenêtre avec un contrôle du width ;La largeur de l'écran du terminal avec le contrôle de device-width (ah non, ce n'est pas la même chose que width tout seul) ; Fonctionne avec : Chrome, Safari Firefox, SeaMonkey MSIE 9 Opéra Haut

D'Angelico Guitars | A Legend is Reborn Un peu de psychologie pour une meilleure expérience utilisateur Article invité rédigé par Muriel De Dona, consultante qualité web spécialisée dans l’audit qualité et accessibilité, et coauteur du livre “Qualité Web“. Il y a plus de 10 ans maintenant (gloups) je m’asseyais pour la première fois sur les bancs de la fac de Psychologie. Je ne savais pas encore à quoi ressemblerait ma carrière professionnelle, mais j’avais une certitude bien ancrée : l’humain y occuperait une place centrale. Plus les semestres défilaient, plus mon intérêt pour les processus cognitifs, les neurosciences et la psychologie sociale grandissait. Quand on me demande quelles études j’ai suivies pour exercer ma fonction actuelle et que je cite la Psychologie, je vois des sourcils se froncer et des mines perplexes se dessiner. J’ai trouvé dans la Psychologie les fondamentaux de mon métier actuel et les perspectives d’améliorations les plus innovantes. Si ce terme vous est inconnu, en voici une définition donnée par MC Casal lors de sa très bonne conférence au SEOCampGenève “Nope.

114: Comment battre le paradoxe du choix ? May 5, 2014 Lettres Philippe Gouillou one response Tagged with: Biais Cognitif • Management A tout choisir, on préfère ne pas avoir à choisir. 1. “La pièce de monnaie qu’on lance en l’air en sait tout autant sur l’avenir que les plus profonds penseurs, les calculateurs les plus habiles. Fatigue décisionnelle Je ne veux pas décider de ce que je mange ou de ce que je porte parce que j’ai trop d’autres décisions à prendre"Barack Obama Vous êtes à Monaco devant votre voiture et hésitez encore entre partir à Gènes, Aix-en-Provence ou Lyon. A sa conférence TED en novembre 2011, Sheena Iyengar avait noté : “Savez-vous combien de choix vous effectuez chaque jour ? Nous sommes surchargés par le nombre de choix à faire, de décisions à prendre, et le “choix” du héros de René Clair (citation ci-dessus) n’est pas une solution. Le paradoxe du choix Dans sa conférence TED de juillet 2005, Barry Schwartz citait les deux problèmes principaux d’avoir trop de choix : Sheena Iyengar en donne un exemple : à : Liens 2.

Related: