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

Some depict old grungy type, others are faded and handwritten, all will prove extremely useful the next time you need a good texture. Let’s jump in and look at these amazing resources! Permissions and Use All of the images in this post met the following use criteria: Creative Commons-licensed content for commercial use, adaptation, modification or building upon. This means you have freedom to use the images pretty much however you want, as long as you drop in a line of credit for the original author.

Free vintage handwritten letter texture for layers Free Texture #158 Reality Free Texture #159 Letter blue Free jumbled type texture for layers. 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.

Web typography is the most undervalued and misunderstood aspect of web design.

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

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. Advertisement.

Following A Web Design Process - Smashing Magazine

Kuler. Kuler -Liquid Courage. Expression Engine vs WordPress — Design Pepper. WordPress vs. ExpressionEngine: Apples and Oranges? This post has been a long time coming. Whether on Twitter or in the blogosphere, the question often arises, and I have been asked numerous times for my opinion on the ExpressionEngine vs. WordPress debate, and why one would choose one content management system (CMS) over the other. My usual answer is that they cannot be compared. 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.