background preloader

Webdesign et graphisme

Facebook Twitter

Savoir quand utiliser un JPEG, un PNG ou un GIF. Si vous êtes webmaster, vous vous êtes déjà probablement fait reprendre par vos visiteurs sur l'utilisation des formats d'images JPEG, PNG et GIF.

Savoir quand utiliser un JPEG, un PNG ou un GIF

En effet, ces 3 là, ont leurs avantages, mais aussi leurs inconvénients. Le site WhoIsHostingThis a donc réalisé une infographie qui résume à quelques détails prêts, les caractéristiques de ces formats. Mais globalement, le GIF c'est pour les petits trucs de merde, genre pictos avec peu de couleur, le PNG c'est pour les trucs qui qualité (grandes photos, fonds d'écran, logo avec fond transparent...etc.) et le JPEG c'est pour tout le reste. Notez que seuls le GIF et le PNG permettent la transparence. Ainsi vous saurez quand dégainer un GIF, poser un JPEG ou claquer un PNG avec tout le respect et la douceur qui vous caractérise. Creating distraction-free reading experiences — Adrian Zumbrunnen. Reader notice: This is the summary of my talk at UXLS and WordCamp Zurich, Switzerland.

Creating distraction-free reading experiences — Adrian Zumbrunnen

Thanks again to the organizers for having me and all their effort. When I read Kenya Hara’s book, “white” (白) a few months ago, I couldn’t help but notice how quickly I became immersed in it. Why Facebook is blue: The science of colors in marketing. 33.5K Flares 33.5K Flares × Why is Facebook blue?

Why Facebook is blue: The science of colors in marketing

According to The New Yorker, the reason is simple. It’s because Mark Zuckerberg is red-green colorblind. ❍ IcoMoon. IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists.

❍ IcoMoon

IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. Since its release, it has changed the way icon fonts (and icons in general) are being used in web today. Color Scheme Designer 3. Contrast Analyser for Windows and Mac. About the Colour Contrast Analyser This native application (available for both Windows and Mac) allows you to evaluate the color visibility and contrast of foreground/background color combinations.

Contrast Analyser for Windows and Mac

It provides an initial pass/fail assessment against WCAG 2.0 color contrast success criteria. In addition, the Colour Contrast Analyser provides functionality to simulate certain visual conditions such as dichromatic color blindness (protanopia, deuteranopia, tritanopia) and cataracts. Note: the image simulation features are currently not available in the Mac version. Details.

Exemples pages graphiques

Livre blanc QRCode. Blog › Guidelines pour produire des PSD adaptés au web. Je préparais dernièrement un document pour un boulot afin de montrer à des boîtes de créa print comment faire des PSD propres pour le web.

Blog › Guidelines pour produire des PSD adaptés au web

Le but inavouable de la démarche était d’éviter de se retrouver avec des charniers inexploitables en intégration, chose qui arrive encore un peu trop souvent. Pas de règles de ninja ou de gimmicks avant-gardistes ici, juste des bonnes bases saines pour faire un boulot clean. J’ai omis sciemment les nouveautés CSS3 et autres gadgets pour me focaliser sur l’essentiel. Compressive Images. Posted by Scott on 10/30/2012 Topics: progressive enhancement responsive design Here at Filament Group, we've invested a great deal of time thinking about how best to deliver images that look sharp on devices from a low-resolution phone to High-resolution (HD) screens like Apple’s Retina™ or the new Nexus 10, while being as lightweight as possible for performance.

Compressive Images

In practice, this is more difficult than it may sound, as there is currently no native HTML solution to deliver different versions of an image, so we resort to JavaScript or server-side workarounds to achieve a similar result. This week we came across an interesting technique. While we’re not sure it stands to replace the responsive image techniques currently in play, we are very excited about its potential for complementing them. Ultimate CSS Gradient Generator - Copyright Law on the Internet Is a Total Train Wreck Right Now. I'm going to tell you a little story, but before I do, a warning: It ain't pretty.

Copyright Law on the Internet Is a Total Train Wreck Right Now

It's a perfectly fine Thursday afternoon. I'm going about my business, happily editing a blog post, when I get an email from the head of HubSpot's legal department. Oh boy. Apparently, he'd received a letter from a popular stock photography website claiming we had wrongfully used two of their images on our blog. My first thought was, "What?

Stock et ressources gratuites

Photos Images Couleurs. Free Visual QR Code Generator. CSS Hat: A Magic Button That Turns Photoshop Styles Into CSS. Taking a design from Photoshop to the web in a click is not even a remotely new idea.

CSS Hat: A Magic Button That Turns Photoshop Styles Into CSS

For as long as there have been “web designers” there has been the dream of such a workflow. Today we’re going to look at yet another tool that makes this promise: CSS Hat. Swiffy.