10 tutoriaux tout frais pour réaliser un webdesign de qualité sur Photoshop - webdesign. Focus sur les différents langages de développement web - developpement. Ami webdesigner, vous êtes perdus quand votre développeur préféré vous parle? Pour mieux s'y retrouver dans la jungle des langages de programmation web, voici une description des principaux langages utilisés, leurs points forts, et leurs points faibles. Si la spécialisation à outrance permet de devenir tres compétent dans son milieu, elle à aussi comme malheureuse conséquence de compliquer le dialogue entre les différents corps de métiers.
Comment savoir si la remarque qu'on veut faire est pertinente, si notre petite modification sur une maquette ne cache pas en réalité un travail de titan, voir même quelque chose de techniquement infaisable, si l'on ne comprend pas ce qu'elle implique? Pour assouplir la frontière entre webdesigner et développeur web, il est important de pouvoir partager une base de connaissance commune, ainsi qu'un vocabulaire précis et bien employé. Et comme il faut toujours commencer par la base, nous allons parler ici des différents langages de programmation. Le php. CSS Typography: Techniques and Best Practices.
In the first part of this series, we discussed some fundamental concepts pertaining to CSS typography. Now we are going to cover some excellent techniques, tips, tricks and best practices for dealing with typography on websites. This is the second part of a three-part series of guides on CSS typography that will cover everything from basic syntax to best practices and tools related to CSS typography. Better Web Typography with @font-face For normal text blocks, using smart font stacks (as discussed in the first part) is a good idea, but for headings and short text blocks, more interesting fonts can be used with the help of @font-face. When implemented correctly, @font-face is compatible with a wide range of browsers — yes, even IE. Just include a copy of the font’s file on your web server and use the @font-face rule in your CSS code as follows: Then just use the font-family declared above with your CSS: While IE4+ does support @font-face, the font does need to be in the .eot file format.
KIMBERLY COLES | Interactive Design & Illustration. Les ressources du lundi #2 - Blog Du Webdesign Magazine. 25 raisons pourquoi les gens vont quitter votre site en 10 secondes | Alekseo. Qu’est-ce qui motive les gens appuyer sur le bouton «en arrière» lors de la visite de votre site? Pourquoi s’en vont-ils si vite et quelles démarches peut-on entreprendre dans ce cas-là pour les retenir? Ci-dessous je voudrais vous proposer la traduction d’un excellent article de Chris Lake dans son blog Econsultancy.com. Quelques-uns des propos de Chris peuvent paraître assez fortes, pourtant il a bien démontré l’attitude d’un utilisateur ordinaire en face de certains nuances de sites web. Alors, voici 25 raisons qui feront Chris Lake quitter votre site lors des premières 10 secondes de sa visite. Ayant bien réfléchi, j’ai compris qu’il existe beaucoup plus de facteurs négatifs qu’il ne semble du premier regard.
Evidemment, quelques facteurs à part peuvent ne pas suffire pour faire un utilisateur abandonner le site, or, ensemble, ils exercent un très mauvais impact. Il n’est pas facile de créer au visiteur des conditions confortables, chaque site web a ses particularités. A quoi bon ? The first truly honest privacy policy. The FTC has called for a Do Not Track list and simplified Web privacy policies.
How about an honest privacy policy instead? Teaser: It’s been a hell of a year for consumer privacy, or the lack thereof. It’s been a hell of a year for consumer privacy, or the lack thereof. From Facebook leaking personally identifiable information to advertisers, to data brokers harvesting reams of user information on social nets, to Google’s Wi-Fi slurping, 2010 may be remembered as the year the privacy chickens came home to roost -- and quickly got roasted.
Now Congress is debating new privacy laws and the FTC has weighed in with proposals for a No Tracking List to thwart nosy Web advertisers. Pro Blog Design. Images enhance the visual impact of a blog and make it more likely a post will be read. One good photo can grab a reader’s attention and drive them to the article. A post without any graphs, drawing, or photos can look daunting. Even if it’s well written, the wall of text might not appeal to anyone. A good image is often a must-have for a great post. But sometimes the images available for publishing are poor quality, or just don’t suit quite right. With the tricks below, you can use Photoshop to fix up your images in minutes. Strong Focus for Killer Portraits [View Tutorial] Create A Photo Within A Photo using Photoshop [View Tutorial] Enhance Your Image with Selective Color Adjustments [View Tutorial] The effect of Tilt-shift camera lens [View Tutorial] Easily Smooth And Soften Skin In A Photo [View Tutorial] Add A Realistic Water Reflection [View Tutorial] How to Create a Fantastically Formal Photo Effect [View Tutorial] Photo Retouch using Photoshop Techniques [View Tutorial] [View Tutorial]
Web Designer Wall - Design Trends and Tutorials. Dynamic Drive- FavIcon Generator. Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu.
More information on favicon After you've created a neat favicon, it's time to add it to your site. To do so, follow the below simple procedure: Upload the generated file ("favicon.ico") to your site. Also see- Favicon Editor Also check out our Favicon Editor to create the 16x16 icon image from scratch! Favicon Collector | Julian Bez. James Lai Creative - Professional Design, Usability and Programming. User Interface Design Framework | Huge GUI elements library for Illustrator | 260 free vectors icons.
Graphic styles Library 200 graphic styles to change buttons, headers or blocks in 1 click Minimal Vector Icons 260 Vector Icons for creatingWireframes and Webdesign GUI Elements Library Hundreds of vector elementsfor designing Interfaces. 21 Stimulating Color Palette Tools For Designers. I’m always excited about the possibilities of a new design. At the very beginning, I never really know where it will end up, and I love that feeling.
The whole process of choosing colors and creating a color palette for a site is usually one of my first (and favorite) steps. Even if I have the chosen colors from the client, I still use a series of color scheme tools to put together the final palette. It’s one of my design inspiration triggers. So, here are 21 inspiration-stimulating online color palette tools that I could play around with for hours: 1. kuler This may be one of the most used tools, and it is also one of my favorites. 2. 3. 4. 5. 6. 7. 9. 11. 12. Not enough? 13. 14. 15. 16. 17. 18. 19. 20. 21. Website Optimizer. Free Professional PSD Template: BlueMasters - Smashing Magazine. Advertisement In this post we release a yet another freebie: BlueMasters, a free PSD template, designed by Wendell Fernandes1 and released for Smashing Magazine and its readers.
As usual, the theme is free to use in private and commerical projects. BlueMasters is a dark, sexy, custom theme that has a solid, professional look and a very simple structure. You can access all files and layers used in a well organized structure and naming convention, making it easier for slicing the template or modifying it. BlueMasters can be customized to fit your business brand as well as your clients’ websites. Download the theme for free! The theme is released for free.
Template / Pages The templates set consists of 5 pages that provide multiple page template design options: HomeAbout UsPortfolioBlog PostsBlog Post SelectionContact “Home” page template “About Us” page template “Portfolio” page template “Blog” page template “Contact Us” page template Behind the design Thank you, Wendell. It's done. Web Design Resources and Tutorials - Webdesigner Depot.