Les meilleurs livres de Webdesign Il n’est jamais facile de se former seul chez soi, sauf si vous décidez d’acheter un livre de Webdesign. Cela vous permettra d’améliorer vos connaissances en webdesign grâce notamment aux explications de professionnel du Design et du Web. Le webdesign est une phase importante dans la conception de site Internet. J’ai sélectionné pour vous les meilleurs livres de Webdesign que vous pouvez retrouver sur Amazon. Vous trouverez des livres pour vous perfectionner ou vous initier sur l’ergonomie web, le responsive webdesign, le css (feuille de style en cascade), l’HTML5 pour les web designers… Arnaud OLIVIER Créateur du site www.web-geek.fr, je suis webmaster et spécialisé dans plusieurs domaines du web comme le référencement de site Internet et les réseaux sociaux.
Zeal - offline API documentation browser Color Hex - ColorHexa.com The Essential Guide to @font-face Fonts on the Web The days of being limited to a handful of fonts on the web are very close to being a thing of the past. The problem is no longer a lack of viable solutions, but rather, an abundance of them. Technologies like Cufon, sIFR, FLIR and @font-face all represent different groups of developers placing bets on what they believe to be the future of web typography. There is, as of yet, no consensus in this ever-evolving game. Further, even the most popular browsers support each of these technologies in widely varying degrees. However, the @font-face CSS method is among the strongest, simplest and most flexible competitors in this game. This guide will teach you how to implement @font-face with cross-browser compatibility and will also look at a number of the supporting services that have arisen, making it even easier to use custom fonts in your web designs. Licensing and Free Fonts Font licensing presents one of the largest headaches and stumbling blocks to great typography on the web.
Formulaire de contact pur css3 html5 sans images - Stéphanie Walter : Webdesign - intégration web J’avais envie de m’amuser avec les nouvelles fonctionnalités des formulaires html5 et les gradients css3, et l’idée qui m’est venue est est assez simple : créer un formulaire pure html5 Css3 sans utiliser une seule image. Voici le résultat, que vous pouvez voir dans une démo live ici. Attention, ce formulaire utilisant des techniques de css3 et html5 pas encore répandues dans tous les navigateurs, il s’agit d’une démonstration de ce qu’on peut faire avec du css3 (à ne pas utiliser sur un site live donc). Pour vous résumer quelques unes des techniques au programme : le fond utilise un gradient en css3, le bouton d’envoi utilise des gradients et des box-shadow et les icônes sont en fait une font spéciale appelée iconic. ” Full CSS3 HTML5 Contact Form with No Images ” Besoin d'un designer ?
e & interactivité blog de design par Geoffrey Dorne » 10 petits conseils pour le Responsive Web Design ! Aujourd’hui, rendre son site internet utilisable à tous ses utilisateurs ressemble parfois à un challenge ! En effet, on trouve tout type d’utilisateurs qui navigueront : sur Chromesur FirefoxSur Internet Explorersur Safarietc.Mais aussi :sur iPhonesur iPhone 5 (pas la même taille)sur Androidsur BlackBerrysur Windows Phoneetc.Mais aussi :sur iPadsur Galaxy tabsur Galaxy Notesur iPad Minisur les tablettes Archossur Kindle FireMais aussi :sur la télévisionsur le frigo connectésur l’Amstrad CPC de mamie zinzin.. De nombreux outils, de nombreux supports et des tailles qui ne cessent de changer ! Aujourd’hui, ce sont dix conseils pour le Responsive Web Design que l’agence Splio nous propose :
The freelancer’s toolbox: 33 useful apps & websites for the freelance designer As a freelancer, managing your time and business is mandatory if you want to get some time for designing. All the softares and websites introduced in this article can save you some precious time and money. Money tools & Invoicing 1. A great tool for the freelancer starting out. 2. Once you know what your hourly rate is, you can start using it to give estimate to people asking you for quotes. 3. Send, track and collect payments quickly. 4. A simple and straightforward invoicing solution that also integrates with PayPal and Google Checkout. Backup & Security 5. Awesome online backup tool, user friendly and quite cheap if you go for a paid plan. 6. Mozy is another popular online backup tool, you can try Mozy for free! 7. OpenSource antivirus for both PC and Mac, have a more secured computer is better right? 8. Surf anonymously, Tor helps you defend against a form of network surveillance that threatens personal freedom and privacy. 9. 10. Productivity 11. 12. The ultimate online contact manager.
Parallax Gallery In this tutorial, you will learn how to make a Flash parallax scrolling gallery from scratch. Parallax scrolling is frequently used in most 2D animation and games, where the background images and foreground images scroll at different rate of speed. This will create an illusion of depth as the background images are moving slower than the foreground images. View Demo Gallery Download Demo ZIP 1. First we need to make a tiled wood floor image. 2. Now make a new document, 2520 x 450px. 3. Make a rectangle shape just below the wall. 4. Select foreground color #f0ecd6 and make a rectangle shape above the floor layer. 5. Paste in your vector logo on the wall. 6. Now it is time to add in some furnitures in the scene. Couch's Shadow Make a new layer. Go to Edit > Free Transform (Cmd + T). 7. Make a new selection as shown with the Pen Tool. 8. Since these steps are very repetitive, I'm not going to further explain the details. 9. First, export the tiled background image. 10. 11. 12. 13. 14. 15. 16.
How To Create a Cool Animated Menu with jQuery In this tutorial we’ll be building a cool navigation list complete with a sliding hover effect. Learn how to build the concept in Photoshop, lay out the basic HTML elements, style everything up in CSS then tie it all together with a few lines of jQuery to create a semantic, accessible and degradable menu design. The design we’ll be building features a cool label image that slides into place under each navigation item on hover. We’ll build the design to work without jQuery first of all to ensure it’s widely accessible to users without Javascript enabled, then enhance the effect with jQuery for the majority of users. View the animated menu demo Create a new document and fill the background with a light beige. Use a subtle grunge Photoshop brush to add a little extra texture to the top centre of the canvas. Draw and fill a rectangle to create the base of the label graphic. Use the Polygonal Lasso tool to draw a small triangle. All the menu needs now is a series of text links. <! jQuery