Network Sites: Grunge Textures · Image Abstraction · Designs by Darren · Design Packs

Web Design Blog

Thoughts and commentary about web design plus links to helpful resources including fonts, plugins, templates, stock photos, software, scripts, tutorials, and other useful tools for webmasters!

34 Places to Get Design Inspiration - Online and Off

34 Places to Get Design Inspiration - Online and Off

Article by Cyan Ta’eed, FreelanceSwitch.com

Everyone who hasn’t encountered designer’s block, raise your hand. Just as I thought. Well then, chances are you could use some places to get inspiration for those days when the pixels aren’t aligned and your mouse finger isn’t clicking like it should. We’ve compiled a list, online and off to serve up everything from logos to icons to art to fashion to just inventive ideas to get your mind ticking.

So kick back and let your senses run wild as we bring you 15 websites packed full of inspiration, 10 must-have books and 9 things to do to get inspired.

Read the Article

Stripe Generator - Ajax Diagonal Stripes Background Generator

Stripe Generator - Ajax Diagonal Stripes Background Generator

Tired of pixel-by-pixel painting, trying to create seamless stripes textures? Here we are! Enjoy using stripe generator! Unleash your personal style, experiment and download the tile. You can use it directly in your css file or as pattern in Photoshop! If you like our tool, feel free to credit stripegenerator.com by linking us with our banner.

Launch the Stripe Generator

The Open Source Web Design Toolbox: 100 Web Design Template Sources, Tools and Resources

The Open Source Web Design Toolbox: 100 Web Design Template Sources, Tools and Resources

Article by Mustafa, DesignVitality.com

The open source model has, over the last 20 years, proven that collaborative development is one of the best ways to incorporate the newest ideas and latest concepts into design.

In fact, the open source model, which began with programmers, has been so successful that it is currently being applied in government, media, education and private business. But despite these new applications, the unique combination of the open source model with the universalism of web design remains one of the ideal applications of open source. This pervasiveness of the open source spirit in web design now means that you can use open source software to design both graphics and your CSS and HTML, and you can also use the dozens of reliable open source code resources or thousands of web design templates to base your own designs on. In this article we highlight 100 open source web design templates, resources, and tools.

Read the Article

Web Design from Scratch

Web Design from Scratch

Web design is a complex discipline that involves a wide range of skills. I notice that some of the most basic skills are lacking in many web site designs. Those basic skills are quite simple, but can be hard to gain because of a lack of teaching material. That’s what WDFS aims to solve! Designing effective web sites requires having a firm understanding of design fundamentals, and applying them with an eye for simplicity. The simple approach doesn’t make sites boring or plain! On the contrary, well-designed sites can be beautiful, and fulfilling and enjoyable to use. ‘Web Design from Scratch’ describes my approach to simple web design.

Visit Web Design from Scratch

Input Forms Without Tables

Input Forms Without Tables

Tutorial by Nick Rigby, A List Apart

“It can be time consuming to make web forms both pretty and accessible. In particular, laying out forms where the form label and input are horizontally adjacent, as in the image below, can be a real problem. We used to use tables, which worked well in this scenario—but forms don’t constitute tabular data, so it’s a semantic faux pas.

I’ve tried to create a form-styling solution that is both accessible and portable (in the sense that I can move the code from one project to the next). Floats have often provided a solution to my problem, but given the complexity of some layouts and the numerous float bugs associated with Internet Explorer, it’s not always easy to reuse a float solution. I wanted to create something that anyone could easily reuse on any project: a style sheet that, when applied to a correctly marked up HTML form, would produce the basis of the required layout. So here it is—my attempt at portable, accessible forms.”

Read the Tutorial

Sponsored Links

All content © 2005-2009 freewebpageheaders.com and it's contributors, All rights reserved.