Wednesday, June 29, 2011

Is It Time to Rethink Website Navigation?



The hyperlink has been a staple of the Internet since it began. The Web simply wouldn’t be a web at all if we didn’t link from one web page to another. Links make the Web work.

So it would make sense to put a lot of time and effort into how we design our links and navigation systems.


But, this isn’t always the case. By Jason Gross

25 Excellent Photoshop Web Design Layout Tutorials

25 Excellent Photoshop Web Design Layout Tutorials

Photoshop is a popular web design tool. With it, you can create web design mock-ups that can later on be converted to a functional HTML/CSS template.

This collection of tutorials features top-notch techniques on how to create web design layouts using Photoshop. By Marcell Purham

Useful Ideas And Guidelines For Good Web Form Design

4treehouse in Useful Ideas And Guidelines For Good Web Form Design

The input form is an essential element of almost any website or application these days. Input is a core method of interaction, and in many cases it represents the hard conversion point between success and failure. By Shawn Borsky

Five Copywriting Errors That Can Ruin A Company’s Website

Sm Meta Tags in Five Copywriting Errors That Can Ruin A Company’s Website

No matter how brilliant a website’s design, no matter how elegant its navigation, sooner or later visitors will decide whether to take action because of something they read. By Brad Shorr

Friday, June 24, 2011

Agile Web Development That Works


Agile web development is not a specific process, action, or a daylong exercise. Agile is a mindset, an attitude with which a project is undertaken. By Jason Mark

5 Steps for Taking on Something New


It’s a scenario most solo web professionals find themselves in now and then: You have the opportunity to work on a project that includes something you haven’t done before, and that something is pretty big. Maybe it’s editing video for the web, conducting user-testing, or creating a mobile web design. By Phillip Zelnar

A Web Developer’s Guide To Adobe InDesign

Folder-Structures in A Web Developer’s Guide To Adobe InDesign

Over the past several years, there has been a big divide between designers: those who work in print distribution and those in digital distribution. By Matthew Potter

Wednesday, June 22, 2011

An Exploration of Website Redesigns: Tips and Examples

An Exploration of Website Redesigns: Tips and Examples

Website redesigns — whether for your own website or clients — seem like exciting and interesting projects. It’s challenging to create a new design while retaining the site’s existing brand and content. And for most web designers, these types of challenges are motivating. By Mohammad Moradi

What Potential Impact Can HTML5 Have on SEO?

What Potential Impact Can HTML5 Have on SEO?


Although still a work in progress, HTML5 is the next major revision of the HTML standard. HTML, which is the markup language that allows us to structure and present our web content, is the primary factor in search engine optimization efforts. HTML gives search engines the needed context they need to understand what’s contained in a web page. By Adam Heitzman

Free Style Guides Icon Set For Writers And Editors

Great set of Style Guides for websites. By Thomas McGee

Guidelines For Working With External Code Libraries

Umlwebsite in Guidelines For Working With External Code Libraries

Working with code that was created by some other person or organization is routine for developers, but it can be one of the most demanding activities, particularly if you’re still learning. By Sue Smith

Following A Web Design Process

Following a detailed website design and development process can speed up your work and help your client understand your role in the project. First of all, what exactly is a ‘process’? By Luke Reimer

Saturday, June 18, 2011

A Comprehensive Website Planning Guide

QA in A Comprehensive Website Planning Guide

As a veteran designer, developer and project manager for more websites than I can count, I’ve identified a common problem with many Web projects: failure to plan. By Ben Seigel

Useful HTML-, CSS- and JavaScript Tools and Libraries

Useful-resources-138 in Useful HTML-, CSS- and JavaScript Tools and Libraries

Front-end development is a tricky beast. It’s not difficult to learn, but it’s quite difficult to master. By Smashing Magazine

Understanding Copyright And Licenses

The Web is full of creative and practical resources that we can use to improve our projects. Photography, fonts, music and code are perfect examples. Finding stock objects and existing implementations is often quicker, cheaper and more practical than producing your own. By David Bushell

Free Website ROI Calculator (Google Spreadsheet)

Roi-anders-hoff1-500 in Free Website ROI Calculator (Google Spreadsheet)

The Website ROI Calculator, a free Google Spreadsheet created by Anders Hoff specifically for Smashing Magazine and its readers. By Anders Hoff

Five Useful Interactive CSS/jQuery Techniques Deconstructed

With the wide variety of CSS3 and JavaScript techniques available today, it’s easier than ever to create unique interactive websites that delight visitors and provide a more engaging user experience. By Jon Raasch

Useful Resources, Tools and Services for Web Designers

Useful-resources-219 in Useful Resources, Tools and Services for Web Designers

Productivity is a crucial asset of professional Web designers and developers. Here are some new resources, tools and services to make the search of these ever-growing techniques easier. By Smashing Magazine

Tuesday, June 07, 2011

Modern Debugging Tips and Tricks

Modern Debugging Tips and Tricks

With the rise of mobile devices, web development and debugging is more complex than ever. We have more browsers and platforms to support. We have more screen sizes and resolutions. And we’re building in-browser applications instead of the flat, brochure-ware sites of yore. By Tiffany B. Brown

Fluid Images


Here's a portion of Chapter 3 of Responsive Web Design by Ethan Marcotte (A Book Apart, 2011). This chapter follows a previous chapter on fluid grids, expanding upon that grid with fluid images. By Ethan Marcotte

Understanding Site Navigation: Key Terms

While anyone can mock-up an organizational chart of a site’s navigation and links, it takes great effort to produce a site architecture that balances user demographics, nomenclature, user-psychology, structure, and function. By Antharia

Planning And Implementing Website Navigation

Cardsorting in Planning And Implementing Website Navigation

The thing that makes navigation difficult to work with in Web design is that it can be so versatile. Navigation can be simple or complex: a few main pages or a multi-level architecture; one set of content for logged-in users and another for logged-out users; and so on. By Kayla Knight

Weekly Design Inspiration

Here are some cool and inspirational designs. By CrazyLeaf Design Blog

Sunday, June 05, 2011

Most Attractive Typography In Web Design

Typography is one of the best way to presents your ideas and work of natures in website design. By Web Designish

20 Ravishing Red Websites

gorilla_coffee

A collection of 20 red websites, which will hopefully inspire you. By Web Designer Help

Over 80 Web Design Blogs To Follow On Twitter

Twitter is a powerful tool that almost all web designers use, it is a great way to share ideas and keep in touch with the design world. By Web Designer Help

Design Inspiration: Showcase of Community Websites

Brite Revolution

Here are 25 community websites to showcase some examples of outstanding design. The sites come from a wide variety of different industries, but they all share the common focus of bringing together like-minded people in some way. By Vandelay Design

20 Effective Examples of Web and Mobile Wireframe Sketches



A wireframe sketch is the initial hand-drawn design process, using paper and pen/pencil, of what a website design will look like. By Oleg Mokhov

Saturday, June 04, 2011

Resources for Web Designers Dabbling in Print

More people are entering the broader world of design through web design than any other facet of the larger spectrum. In large part, this is likely due to the accessibility of the web. By Matt Ward

30 Beautiful Nature Inspired Web Designs

Some great looking websites for inspiration from mother nature. By Brant Wilson

30 Beautifully Simple Websites

Did you have a long weekend? Looking for a little design inspiration after a long night? Look no further than this latest collection of beautifully simple websites. By Brant Wilson

Create Super Glossy 3D Typography in Illustrator and Photoshop


Here's how to create super glossy 3D typography using Illustrator and Photoshop. By PSDTuts

35 Nice Single Page Web Designs


Here are some beautiful single page web designs for your inspiration. By Brant Wilson

Showcase of Retro Web Designs



Here are some beautiful retro web designs for your inspiration. By Brant Wilson

Examples of Purple in Web Design


When you think of most websites, purple is the color you may think of the least. Some designers have embraced this and made their sites stand out from the rest. By Matthew Heidenreich

26 Websites with Unusual Navigation



Here are some very interesting ways of displaying navigation on your website. By Brant Wilson

Examples of Blue in Web Design

In current day web design blue has become a dominate color. In the following examples, you'll see how blue can help make your website stand out from the crowd. By DesignM.ag

26 Web Designs for the Food Industry

When you think of your favorite fast food place, the last thing that come to mind is their website. Here's a list of 26 web designs from some of the top names in the food industry. By DesignM.ag

Examples of Orange in Web Design

Here are 22 examples of the color orange in web design. By Matthew Heidenreich

Friday, June 03, 2011

Ultimate Guide of Web Typography Tutorials, Tips and Best Practices

Web typography is nothing but implementing typography on web page. This is very important in order to identify oneself in the designing world. It is equally important that understanding and implementing typography successfully on your web page. By Siva Kumar

Effective Strategies for Winning Negotiations

Negotiation is a phenomenon that hasn’t been given due attention as a specialization. By Anders Ross

45+ Useful yet free ebooks for designers and developers


Internet has made the world of knowledge and information so much open than it ever had before. With thousands of tutorials available online and proper standards in place, it just takes few days of study to master even the most complicated skills. By An Jay

An Event Apart Atlanta

An Event Apart Atlanta features 12 great speakers and sessions. The two-day conference has sold out but there are still tickets available for A Day Apart, an intense learning session on Content Strategy led by Kristina Halvorson (author, Content Strategy for the Web).

Creating HTML Emails : An Overview for Web Designers


A lot of the requirements of great HTML emails fly right in the face of what makes great website designs. By Cameron Chapman

Confab 2011: Four Truths for Content Strategy


From May 9 through May 11, worldwide leaders and luminaries in the content strategy field converged in Minneapolis for Confab 2011—the first content strategy conference in the U.S. By Tosca Fasso

Content Strategy blog

If you’re interested in learning more about content strategy, check the Scatter/Gather blog by Razorfish, a great resource for anyone new to or interested in the field. By Allie Gray

Content Strategy: Optimizing Your Efforts For Success

Content-strategy in Content Strategy: Optimizing Your Efforts For Success

Content strategy is a beast with many heads, names and trajectories. To approach it is to be sucked in full force. By Allie Gray

Thursday, June 02, 2011

A Guide to CSS Colors in Web Design


With the exceptions of typography and layout, nothing has a more profound impact on the way we design and craft websites than color — from the visuals we showcase through images and media to the simple choice of whether to use salmon pink or neon green to give a website that ’90s "Help, I’m going blind!" appeal. By Alexander Dawson