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

animated_thumb

Building Animated User Interfaces with a Purpose

Direct animations and motion are a big part of the user experience. Not every website will include dynamic animations, but these tend to draw in a crowd of interested users. Stunning visuals can also cross a line and turn into annoying distractions from your content. Building purposeful websites is all about finding a balance between the dynamic elements and static…

hd_ready_thumb

How HD Ready Am I?

Recently I received a request at work for our logo in HD, I work at a company which provides funding to a range of organisations and producing HD videos wouldn’t be covered under the grant, so I pointed them in the direction of our eps files and queried how the logos would be used. The response? They want to use…

thumb_depth

Creative Depth in Web Design

Breathing life into digital design can be a tough call. A flat surface will always command less attention compared to the one that creates a 3D-feel. Adding depth to a flat page is a way to combat this. It creates a sense of realism and immediately adds interest. It’s also a helpful technique to emphasize particular elements within the page,…

remotedesigner_thumb

The Remote Designer – Jumping into the Cloud

Freelance work can be one of the most liberating work, especially when moving from agency or in-house, you will ever undertake in your career. And while it has plenty of benefits, especially when developing a career, it has no shortage of it’s own challenges. The ability to set your own schedule and work when/where you want is liberating, but it…

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…