background preloader

Design

Facebook Twitter

Design Thinking With Persona. Yanko Design - Modern Industrial Design News. 20 ressources CSS pour vos sites web. Pour booster votre créativité et votre productivité, je vous propose une petite sélection de nouvelles ressources CSS à utiliser dans vos futurs projets.

20 ressources CSS pour vos sites web

Effets de survols, animations, effets d’images, bref de quoi avoir du style ! Ces dernières semaines, en arpentant le web à la recherche d’inspiration, j’ai sélectionné quelques snippets CSS qui vont faire plaisir aux développeurs front-end et aux webdesigners. Plutôt que de présenter des expériences inédites (à venir dans un prochain article), je vais vraiment mettre l’accent sur des snippets qui vous permettront de gagner du temps et d’apprendre les dernières techniques CSS. Même si c’est plutôt rare pour un snippet gratuit, pensez toujours à vérifier s’il est libre d’utilisation avant de l’implémenter dans votre projet. C’est parti !

Effets de survol Flat UI Effet lumineux avec CSS et SVG Un bien gros menu déroulant Une horloge murale en pur CSS. Perfect Full Page Background Image. By Chris Coyier On This post was originally published on August 21, 2009 and is now updated as it has been entirely revised.

Perfect Full Page Background Image

Both original methods are removed and now replaced by four new methods. The goal here is a background image on a website that covers the entire browser window at all times. Let's put some specifics on it: Fills entire page with image, no white spaceScales image as neededRetains image proportions (aspect ratio)Image is centered on pageDoes not cause scrollbarsAs cross-browser compatible as possibleIsn't some fancy shenanigans like Flash Image above credited to this site. #Awesome, Easy, Progressive CSS3 Way We can do this purely through CSS thanks to the background-size property now in CSS3. Works in: Safari 3+Chrome Whatever+IE 9+Opera 10+ (Opera 9.5 supported background-size but not the keywords)Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version) View Demo #CSS-Only Technique #1 Big thanks, as usual, to Doug Neiner for this alternate version.

20 Free PSD Map Designs for Web Designers. Maps are almost a MUST when designing contact pages for business companies.

20 Free PSD Map Designs for Web Designers

If you want your contact page to look better, then you should probably think about creating a custom map design. We’ve made this easier for you by surfing the web and finding 20 of the best, FREE PSD map designs for web designers. As a web designer, these free PSD map designs will save you a lot of time! You can download them for free and customize them as you please. Transport Pointers These freebie set contains many transport pointers, created in Photoshop.

Map Pins & Tooltips This PSD freebie is a set of map pins and tooltips. Vector Map Location Pins This PSD freebie is a collection of location pins for use on maps. Classy Custom Gmaps Tooltip Overlay This PSD map design freebie is a custom Smart Info Window Gmaps tooltip overlay design with 2 different skins, light and dark. Map, Pin & Tooltip. Apprendre - Best of Webdesign. Treehouse Official website Code School Official website.

Apprendre - Best of Webdesign

WOW Slider : jQuery Image Slider & Gallery. Minimalist Web Design: When Less is More. As designers, we all know that a minimalist design can achieve beautiful results.

Minimalist Web Design: When Less is More

Still, many designers have trouble creating one; either they have a hard time making a page with so few elements look good or the final result just doesn’t look “complete.” There are many articles on the Web about minimalism and this article aims to help you achieve a minimalist design that is beautiful but not bare. To top it off, we’ll present a small showcase of minimalist designs, so that you can analyze why some designs work and others don’t. What Is Minimalist Design? Minimalist design has been described as design at its most basic, stripped of superfluous elements, colors, shapes and textures. Its purpose is to make the content stand out and be the focal point. The design movement began in Switzerland and was then applied to a variety of media: graphic design, architecture, music, literature, painting and, more recently, web design.

We’ll go over the basic principles of minimalist design. Less Is More 1. Dossier : comment apprendre le webdesign en ligne ? Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses vocations dans notre monde connecté.

Dossier : comment apprendre le webdesign en ligne ?

Si vous faites vos premiers pas dans le web ou que vous souhaitez vous perfectionner en webdesign grâce à Internet, cet article est fait pour vous. Depuis l’ouverture du blog, vous avez été nombreux à m’écrire pour en savoir plus sur les possibilités d’apprendre le webdesign. Quelles études suivre ? Web Design References: Navigation & Labeling. Magazine webdesign et blog collaboratif - Blog Du Webdesign. The code-savvy web design tool. Fran6art.com, blog d'un webdesigner spécialiste WordPress. Web Designer. Design Inventory. Responsive Web Design: 50 Examples and Best Practices.

Deren Keskin Sweet Hat Club Glitch dConstruct 2011.

Responsive Web Design: 50 Examples and Best Practices

Le Responsive Web Design ou comment améliorer l’expérience utilisateur. Ce billet a été lu 3175 fois.

Le Responsive Web Design ou comment améliorer l’expérience utilisateur

À votre tour? Le RWD pour adapter votre site aux comportements de l’utilisateur… Avant d’attaquer le développement, penser expérience utilisateur, ergonomie et contenu! Les comportements des utilisateurs mobiles poussent les entreprises à optimiser leur site pour une lecture adaptée à toutes les tailles d’écran. Graphic Design Tutorials : Graphic Design Software Directory & Portal for Graphics Tips : Desktop Publishing Resources & Graphic Design Links.