background preloader

Webdesign

Facebook Twitter

Timeline Infographic With Pointers And Text In Modern Style. Vector Design Template Stock Vector - Image: 57896146. Free High-Resolution Photos. Google fonts in Photoshop & Sketch, plugin by madebysource. Images gratuites - Pixabay. Nik Collection. Today we’re making the Nik Collection available to everyone, for free.

Nik Collection

Photo enthusiasts all over the world use the Nik Collection to get the best out of their images every day. As we continue to focus our long-term investments in building incredible photo editing tools for mobile, including Google Photos and Snapseed, we’ve decided to make the Nik Collection desktop suite available for free, so that now anyone can use it. The Nik Collection is comprised of seven desktop plug-ins that provide a powerful range of photo editing capabilities -- from filter applications that improve color correction, to retouching and creative effects, to image sharpening that brings out all the hidden details, to the ability to make adjustments to the color and tonality of images.

Starting March 24, 2016, the latest Nik Collection will be freely available to download: Analog Efex Pro, Color Efex Pro, Silver Efex Pro, Viveza, HDR Efex Pro, Sharpener Pro and Dfine. Photo editor online - Pixlr.com. #7ab629 Schémas Hex code couleur, les graphiques, les palettes Peintures & RVB / CMJN / HSL Conversion. Behance. 114: Comment battre le paradoxe du choix ? May 5, 2014 Lettres.

114: Comment battre le paradoxe du choix ?

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“.

Un peu de psychologie pour une meilleure expérience utilisateur

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. J’imaginais quelle serait ma pratique plus tard, je me demandais si j’exercerai en cabinet, en hôpital, en entreprise ou dans un laboratoire.

Je n’imaginais pas une seule seconde que la Psychologie m’amènerait là où je suis aujourd’hui. Mise en page adaptative avec les Media Queries. 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...

CSS3 : initiation aux media-queries pour adapter ses pages web à tout type d'écran - CSS débutant

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. Comprendre le Viewport dans le Web mobile.

Le Viewport désigne schématiquement la surface de la fenêtre du navigateur.

Comprendre le Viewport dans le Web mobile

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. Landing Pages Collection. Emulateurs. Design de sites internet, les critères les plus importants. Le design de votre site internet ne doit pas juste être beau.

Design de sites internet, les critères les plus importants

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. Pexels · Free Photo Search with over 800 Photos. Designers Toolbox Web Safe Area. Canva – Amazingly simple graphic design for blogs, presentations, Facebook covers, flyers and so much more. Little Big Details - Your daily dose of design inspiration. User Experience articles and quotes to inspire and connect the UX community.

Responsive Design. Accueil [Phovoir-Images] Create infographics & online charts. Vector icons & signs. jQuery. Moodstream™ by Getty Images. D'Angelico Guitars.

Downloads. Color Trends + Palettes. My Favorite Handwritten Fonts. Custom Stickers, Die Cut Stickers and Laptop Skins - Sticker Mule. Yulia Brodskaya : Yulia Brodskaya. Dave Hill Photography. jQuery content slider. Hit grafisme. 76 Premium WordPress Themes With Over 136k Customers.

Gridpak - The Responsive grid generator. Fontello - easy iconic fonts composer. Swatch Book with CSS3 and jQuery. Creattica. 40 Examples of Brilliant Responsive Website Layouts. PC SOFT - Documentation en ligne. SWF Gauge > Gallery > Rotating_Pointers. Gauge.js (javascript programmable gauge) 26 useful graphing solutions for web developers - Webdistortion. Many a web application can be enhanced with a decent graph to show data.

26 useful graphing solutions for web developers - Webdistortion

Unfortunately out of the programming languages / frameworks that we have available to us, none seem to be very forthcoming with decent graph components, and it is left up to third party solutions to provide the necessary. From my hunts around the web the following showcases some of the better options. I’ve tried to keep these limited to the open source / free options.

LibChart. Restaurant. Demo section of Marcofolio.net. <web design /> Tympanus Web Development. Codrops - useful drops of code. Lorempixel - placeholder images for every case. Wilogo : Creation de logo pour votre entreprise - Création de logo. New CSS Sticky Footer - 2010 - HTML for Bottom of Page Footer. Seeklogo.com - Logo Vector Download Free (Brand Logos) (AI, EPS, CDR, PDF, GIF) Chethstudios Design Magazine - Design Inspiration Photography Web Design All In one Place. Code couleur. Button generator and badge online maker.

Pictaculous - A Color Palette Generator (courtesy of MailChimp) Icon Search Engine. ViewLikeUs - Check Sites in Various Resolutions! Ecommerce Pictures - Icones, boutons, logos et images gratuites pour le e-commerce. Premium WordPress Themes and Web Templates. Dune dzn - Draw, Print, Identity, Web design » accueil. TheFWA. MyFonts: Webfonts & Desktop Fonts. WhatTheFont! Polices d’écriture standards et exotiques pour le web. Polices standard pour le web Le site Web Safe Fonts Preview affiche votre texte dans toutes les polices génériques, sûres pour un affichage sur windows, mac et linux et donne la séquence de polices à mettre dans le css.

Polices d’écriture standards et exotiques pour le web

Utiliser une police particulière sur votre site internet C'est possible pour les navigateurs récents (IE6+, FireFox 3.5+, Safari (toutes versions), Opera v10+, Chrome 4+) grâce à la règle CSS 3 @font-face, mais pas sur les smartphones (prévoir une police de substitution). Il faudra afficher une police générique pour les navigateurs qui ne la supportent pas, donc testez l'affichage de votre site avec cette police générique aussi pour éviter les surprises.