background preloader

Accueil [Phovoir-Images]

Accueil [Phovoir-Images]
Related:  webdesign

User Experience articles and quotes to inspire and connect the UX community | inspireUX Banque d'Images - Photos libres de droits - Photos par abonnement Stockvault.net | Free Stock Photos D'Angelico Guitars | A Legend is Reborn Stocklib. La banque d'images française 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

Des images gratuites pour vos publications, en toute légalité Un article extrait des archives de Thot Cursus a récemment attiré l'attention de nos lecteurs. Il s'agit de l'article intitulé "Banques d'images et d'icônes sous licences libres pour vos sites éducatifs", écrit par Denys Lamontagne, publié en avril 2009. Depuis cette date, bien des sites se sont ajoutés à la liste initialement proposée. Le diaporama intitulé "Trouver et utiliser des images sous licences libres, domaine public et liberté de panorama", récemment présenté à La cantine numérique de Rennes, présente justement ces subtilités liées au droit d'auteur. Photopin et Foter A côté de ce moteur, il faut en citer deux autres, qui traitent les photos sous licences CC de Flickr : Photopin d'une part, Foter d'autre part. A partir d'un mot-clé, les deux moteurs ne donnent pas des résultats absolument identiques, ils sont donc complémentaires. 180 sites proposant des images gratuites et/ou libres de droits ! Les banques d'images pédagogiques

My Favorite Handwritten Fonts Tons of new websites are being created everyday and it is noticable that if you want to be unique and stand out from the crowd you need to find creative ways of using type, pictures and other design elements in any kind of work you produce. For that reason I would suggest you give a try on handwritten fonts. Handwritten type are the perfect choice if you want to add some charm and personal touch to your work. With appropriate and well thought-out use of white space, handwritten fonts do bring your designs style and elegance. In this collection I would like to present you my favorite handwritten fonts. Jellyka – Estrya’s Handwriting License: Free for a personal use. Jenna Sue License: Free for personal & commercial use. Christopher Hand License: Free for personal use. Honey Script License: Free. Angelina James Fajardo Journal License: Unknown. Hand of Sean Throw My Hands Up in the Air Rolina Note this! Post-it Penscript Mawns Handwriting FFF Tusj License: Free for personal and commercial use. Jenny Luna Bar

40 Examples of Brilliant Responsive Website Layouts Responsive web design become a very popular trend in 2011. It’s likely something we’ll see continuing well into 2012 as designers are beginning to support a myriad of mobile devices. Building layouts for the web can be tough, but inspiration is a huge factor. In this gallery I’ve collected 40+ amazing responsive website layouts. These designs are built to support a set of different resolutions and re-size accordingly. Fork CMS Full View: Mobile View: SimpleBits White Lotus Aromatics 1140px CSS Grid Atlason 10K Apart Cognition Reverse Buro Sunday Best Dustin Senos Clear Air Challenge Owltastic 320 and up Yaron Schoen Build Guild Do Lectures Trent Walton Food Sense Sparkbox ribot Sweet Hat Club A Different Design Teixido Sasquatch Music Festival Electric Pulp Stephen Caver

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

Related: