background preloader

Web Design

Facebook Twitter

The 20 Things Users Want Most From Your Mobile Site [New Google Data] Still trying to make the case for mobile optimization of your company's website?

The 20 Things Users Want Most From Your Mobile Site [New Google Data]

Or worse -- have you gotten the green light, but are so overwhelmed by the project that you don't know where to begin? Makes sense. Starting from square one is hard. Google probably figured as much, and they graciously conducted a study to help make mobile marketers' lives a little bit easier: "What Users Want Most From Mobile Sites Today. " The study, which we found via Marketing Land, reports on two helpful perspectives. Download Free Repeat Patterns. Creating Reusable & Versatile Background Patterns. I haven't written any Photoshop tutorials for a while.

Creating Reusable & Versatile Background Patterns

Today I'm going to share a simple tutorial on how to create reusable background patterns with Photoshop and CSS. I learned this trick from designing WordPress themes. The trick is to create one reusable transparent PNG background and use CSS background-color property to create various color skins. It is particularly useful for creating customizable and dynamic templates (see demos). What is so cool about this? With transparent pattern image, users can easily customize the background color by altering the hex color. Photoshop Trick: Extracting Pattern This Photoshop trick works on most pattern images. Step 1 First you have to turn the image layer to black & white (go to Image > Adjustments > Destaturate). Step 2 Now you should have a black & white pattern. Step 3 Go back to the Layers palette. Shortcut tip for loading the Channel selection: hold down the Cmd key and click on the Channel layer thumbnail.

Design Gallery, Deals, Tutorials & Community. Weekly Freebies: 30 Terrific Typographical Textures. This week’s collection of freebies is an awesome selection of photographic textures featuring typography.

Weekly Freebies: 30 Terrific Typographical Textures

Type is the backbone of good web design. Ever since launching my Information Portfolio,, I’ve received many emails with similar variations to the question “How do I become better with typography on the web?”

Type is the backbone of good web design

On Web Typography. There are many books and articles on typography, but considerably few explore typeface selection and pairing.

On Web Typography

With the floodgates poised to open and the promise of many typefaces being freed up for use on websites, choosing the right face to complement a website’s design will need to become another notch in the designer’s belt. But where do we start? Until now, using any typefaces beyond those installed with computer operating systems by default meant using images, Flash, or some other workaround. But browser makers have put the ball in our court by implementing the @font-face CSS property, which allows designers to link to any font file and pull it into their pages. 70 Useful Free Web Design Elements PSD Files for Download. Instead of paying thousands of dollars to the web designers, there are several web design templates available for free downloading in the internet.

70 Useful Free Web Design Elements PSD Files for Download

You can very well use these elements to design a site and it would be great if you have some technical knowledge about the Photoshop, CSS, HTML, etc. You can open the PSD files with the help of the Photoshop and this graphic designing file allows you to modify your website or image. 50 Essential Web Typography Tutorials, Tips, Guides and Best Practices. Handpicked free fonts for graphic designers with commercial-use licenses. Adobe Photoshop Tutorials from Beginner to Advanced. Web Fonts. 7-Step Process All Designers Should Follow To Complete Every Project. As a graphic designer, you know your job entails helping your client sell their service or product.

7-Step Process All Designers Should Follow To Complete Every Project

Your ultimate goal is to help viewers understand a message and, in turn, reap benefits for your client. 10 Great Google Font Combinations You Can Copy. The average man considers which flavor of Doritos will taste good with his Heineken.

10 Great Google Font Combinations You Can Copy

The sophisticated man considers which cheese will pair well with his choice of wine. Backgrounds In Web Design: Examples And Best Practices - Smashing Magazine. Advertisement Web design has come a long way since its beginning, especially in terms of styling.

Backgrounds In Web Design: Examples And Best Practices - Smashing Magazine

Take a look at a website from 10 years ago and compare it to one from today. The differences are enormous. One of the major changes you will notice is the background. Today, backgrounds are one of the core features that determine how visually interesting a website is. The background holds the theme of the website, and there are a vast amount of possibilities when designing a website background. You may also be interested in the following related posts: The Basic Background Structures. Following A Web Design Process - Smashing Magazine. Almost every Web designer can attest that much of their work is repetitive.

Following A Web Design Process - Smashing Magazine

We find ourselves completing the same tasks, even if slightly modified, over and over for every Web project. Following a detailed website design and development process can speed up your work and help your client understand your role in the project. Kuler. Kuler -Liquid Courage. Expression Engine vs WordPress — Design Pepper. WordPress vs. ExpressionEngine: Apples and Oranges?

The Shimmering Set Design Behind CNN's Newest Star, Piers Morgan. The shimmering blue and green wall of the set behind Howard Stern's mop of unruly curls was so mesmerizing I nearly lost the thread of his discussion, yet again, about the size of his penis. ("Hung like a raisin") 365psd ‹ Download a free PSD every day.