background preloader

Web design

Facebook Twitter

Designing for the Retina display. Fresh & Impressive Collection Photoshop Tutorials. Photoshop is an excellent image files editor used by a number of photographers and designers.

Fresh & Impressive Collection Photoshop Tutorials

It provides you with a possibility to edit photos, develop web site designs, create ads, and plenty other functions of the sort. If you are a beginner designer, you will certainly need some help with Photoshop assimilation. Sure, you can attend some Photoshop training courses to learn from coaches. However, it would be much cheaper to learn to use Photoshop following the instructions of effective Photoshop tutorials. We offer you a set of categorized Photoshop tutorials to learn using this creative design software. All the instructions are comprehensive and straight forward, many lessons are illustrated in details, PSD files with a detailed instruction are attached. Creative Photoshop Text Effect Tutorials Create an Instagram Widget How to Create a UI Sliders Set in Photoshop Funky Retro Wavy Text Effect Cool Text Effect with the Puppet Warp Tool Retro-Style Text How to Create Code Editor Design. Quand le web design vous répond au doigt et à l’oeil. … ou presque !

Quand le web design vous répond au doigt et à l’oeil

Dans le jargon du métier on parle de responsive web design, ou en bon françois de web design adaptatif. Et vous allez voir que le titre de ce billet n’est pas si tiré par les cheveux qu’on ne pourrait le croire ! Mais avant de vous expliquer ce que voudrait dire ce « responsive », voyons voir de quoi il retourne quand on parle de web design. On voit bien qu’il s’agit de design pour le web (oui, je sens que vous me remerciez pour cet éclairage), mais pour être plus précis le web design dépasse la seule conception graphique et englobe plus généralement celle de l’interface (ce qui n’est pas tout à fait la même chose, vous en conviendrez).

Le web design repose sur quatre grands piliers (merci à Wikipédia pour nous avoir soufflé sa définition) : l’architecture interactionnelle,l’organisation des pages,l’arborescence du site,la navigation dans le site web. Maintenant que nous nous sommes chauffés les mandibules avec ce premier élément de réponse, rentrons dans le vif du sujet… La boite à outils de la parallaxe. Bientôt deux ans que les effets de parallaxe font parti du quotidien sur le web.

La boite à outils de la parallaxe

Si vous n’avez pas encore sauté le pas, c’est le moment de vous y mettre ! Petite piqure de rappel sur la parallaxe avec cet article « 11 sites avec effet de parallaxe » mis en ligne début 2011. L’effet ne date pas d’hier, utilisé sur le web à l’époque, notamment avec Flash, la parallaxe donne de la profondeur et du relief aux interfaces plates. Cet effet de profondeur est obtenu au déplacement de plusieurs éléments sur différents plans et à des vitesses différentes. L’ancien site Nike Better World avait remis l’effet au goût du jour en utilisant un subtil mélange de Javascript et d’images PNG transparentes. Peut-on imaginer voir cette tendance se développer même avec l’ampleur que prend le responsive design ? Voici l’intérêt de cet article, qui est en quelque sorte une boite à outils et à utiles. 1 – Pour commencer, quelques exemples : Lois Jeans.