Category Archives Web Design

Web Design Archives

In this category you will find articles, tutorials and resources covering all areas of web design. Topics include CSS, HTML, Javascript & jQuery, responsive techniques & resources, GUI resources, templates, web frameworks, and much more.

Sub-Categories:
CMS / CSS & HTML / Drupal / Fireworks / Flash / JavaScript / jQuery / Joomla / Templates / Web Frameworks / Web Apps / Web Inspiration / Wireframe Resources / Wordpress / Wordpress Plugins

Guidelines for Eco Themed Web Design

I’ve been watching and following design trends for a little over a decade now, and one massive trend I’ve seen snowball from a buzz-word to a full-grown beast, is going “green”. With $4 per gallon being considered a steal at the pump, more people are trading in their concrete slinging S.U.V.’s for more economically-sized smart cars or hybrids. And figuring…

25 CSS Snippets for Some of the Most Common and Frustrating Tasks

In this post we have 25 CSS snippets and hacks that will solve many of the most frequently used and, at times, frustrating CSS development tasks. Why reinvent the wheel when there are already plenty of time-saving pre-written CSS code snippets? As well as some classic and timeless CSS hacks you will also find many CSS3 snippets, like box-shadow, border-radius,linear-gradient…

CSS Data Table Techniques and Resources

Tables continue to be one of the best ways to present a lot of information in a easy-to-read manner. From side-by-side comparisons to big data presentation, tables feed into our human desire of wanting to see things as organized grids. And while tables have been part of HTML practically since it begun, CSS has allows HTML tabular data to progress…

Designing Websites with Understanding and Accessibility

The subject of web design becomes even trickier when incorporating accessibility principles. These have all too often been overlooked by the general public as most people accessing a computer will be using a fullscreen monitor. Aside from physical conditions such as poor eyesight you’ve also got to consider the changing market in browsing software. Offering a complete browsing experience to…

Essential SEO Considerations For A New Website

So you are in the process of designing and developing a website and you want to adhere to the best SEO practices (good idea). There is a plethora of good SEO tips and guides on the web to get your brain juices flowing, but we have compiled these essential 5 SEO DOs and DON’Ts to keep in mind when designing…

The Difference Between Runtime and Compile Time Errors

The First step before delving into the difference between runtime and compile time errors is the need to establish a few base concepts. Not every language compiles and actually most of the more popular language on the web are not compiled. What is compiling? “A compiler is a computer program that transforms source code written in a computer language into…

10 Essential Web Application Usability Guidelines

Users should be able to simply, quickly, and intuitively use any web app, like with any tool in life, be it a car, phone, or anything else. After all, a useful web app doesn’t do much good if it’s a pain in the butt to use – many users will eventually give up and go to an easier-to-use alternative. So…

Website Speed Part 2: Working With and Optimizing Images for the Web

This is the second part of our website speed series where we closely look at the techniques employed to make a website run as fast as possible while still maintaining it’s stunning look and feel.
Images can make or break a website, whether that be adding a humanist feel to a site, adding animation and mouse over effects or finalizing that amazing design that just can’t be achieved with CSS alone. Yet all these images could cost the biggest price of any website, loss of visiting traffic. If a website takes too long to load or is unusable due to all of the images then it’s game over as the user will quickly go back to Google and search again.