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

bootstapp_gui_thumb

Twitter Bootstrap GUI & Wireframe Toolbox

In this post we have collected a selection of GUI and wireframe templates that have all been designed for when you are working with Bootstrap, making it very easy to pass your designs on to the developer. They are all in various formats (psd, ai, png…) and available for all popular applications like Photoshop, Fireworks, Illustrator and Omnigraffle.

symmetry_thumb

Remarkable and Unique Examples of Symmetry in Web Design

Perfect symmetry means having two sides of an item that when folded together will form half of a single object or shape, meeting perfectly together in the centre. In web design, perfect symmentry is rare. Most websites will have their logo in the top left of the screen, navigation bar at the top, sidebar to the right and the main…

accessibility-trends_thumb

Flat Design and Accessibility

The internet has changed a lot over the last few years, and so has the way we view things online. As such, in this article, we will be taking a look at some of the recent accessibility improvements that Flat Design has brought and helping make the internet that little bit more open and accessible to everyone.

reader_thumb

8 Myths About How Blind People Use the Internet

As a frontend developer of course I’d heard about accessibility. I’d always followed best practices when creating web content that shouldn’t have any problems being read by a screenreader. Like so many other developers in my position though I’d never actually tried a screenreader myself. It always seemed like a difficult thing to do, and I’d heard it was expensive….

nongeo_thumb

20 Websites with Original, Non-Standard Geometry

Geometric shapes are widely used as design and framing elements, navigation components or as a way of drawing users’ attention to certain parts of a website. The most popular geometric elements in web design are obviously rectangles and circles. But what about using other geometric figures? Triangles, trapeziums, rhombuses or even hexagons? In this showcase we will show you that…

css_thumb

Collection of Useful Open Source CSS Resources

There are loads of free scripts to download and include in your website projects. Developers are constantly releasing their work under open source General Public Licenses. This allows other developers to work off the same code and even customize pieces to better suit their project’s needs. Overall the majority of codes you’ll find these days are written in JavaScript or…

flat_design_thumb

Examples of Flat Web Design

A couple of weeks back, we talked about the flat design aesthetic. Just in case you missed it, here is how we described flat design, “Flat design means designing without the usual gradients, pixel perfect shadows, and skeuomorphism that’s been rampant in recent years to achieve what appears to be a ‘flat’ interface.” And yes, just in case you haven’t…

responsivity_thumb

The Next Step in the Evolution of Responsive Web Design: Responsivity Analysis

Beyond any question, responsive web design (RWD) has become the standard for anybody who wants to make a strong presence on the internet. With the passage of time, rules, best practices, layout standards and guidelines have been commonly created, implemented and accepted by most web designers and developers. However, let us not forget that even though RWD is being widely…