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

toowide_thumb

Rearrange content when it’s too wide with jQuery

From its humble beginnings more than 25 years ago to the omnipresent behemoth it is today, the web has always been changing. Recently, the explosion in the popularity of mobiles and tablets has left web designers struggling to make their layouts adaptable to as many screen sizes and resolutions as possible. Today, I’ll show another way that will allow you…

How Developers can Take Advantage of Social Media

Working in the field of web development has a much different feel than graphics design. The work is more task-oriented and requires a higher level of concentration and detail. Not to mention bug fixes, maintenance, or getting sites running live on a web server. It seems the job of a designer is more creative and freeform. This holds true for…

10 Evergreen Website Layouts (that will never go out of style)

Few professions demand greater talent, experience and flexibility than web-design. Not only do you have to deal with constantly evolving customer demands, you have to deal with constantly evolving aesthetic norms and design standards. What was popular six months back may already be falling out of favor. Website layouts, once standardized and scarcely trifled with, are now the focus of…

Four Design Lessons From Shopping Carts

You see them every time you go to the supermarket. Chances are, you’ve used one recently. Shopping carts have been a matter of course for supermarkets, grocery stores, and many retail outlets for decades, but did you know that Sylvan Goldman, their inventor, struggled with some of the exact same problems you yourself face as a designer? Today we’re going…

Learning From Hackathons and How Not to Fail at One

Collaboration and education are two key words intrinsically associated with hackathons (the third being ‘free pizza’!). Hackathons promise a chance to meet other coders or designers, network with influencers and industry experts, and even find recruitment opportunities. It isn’t surprising that, with the spread of startup culture across geographic boundaries, hackathons too have started mushrooming in the likeliest – and…

Coding the Digg v4 Layout with HTML5 and CSS3

The social news community Digg has been online since 2004 and rapidly grew in popularity leading up to the 2008 elections. Come 2011 the Digg team performed an overhaul on the system and completely revamped the site layout. This also broke the friends system, allowing big-name publishers to game the front page. This upset many powerhouse users who were furious…

20 More CSS3 Tutorials and Techniques for Creating Buttons

It has been well over a year since we last took a look at some of the latest CSS3 tutorials and techniques for creating buttons. And what a difference a year makes. No longer satisfied with just using the basic CSS3 properties (border-radius, box-shadow…), many developers have progressed to using @font-face icons, animation and 3D effects. All with only CSS….

Six Common Web Programming Mistakes and How to Avoid Them

The ubiquity of technology in our daily lives has made programming an indispensable DIY skill for the digital age. The ‘learn to code‘ movement, kick started by the easy availability of free interactive coding lessons on platforms such as Codecademy, combined with the inevitable shift of talent towards entrepreneurship in a depressed job market, has introduced thousands of people to…

Creating Content that Sells

Content is the most essential aspect on web, as it is for offline magazines and newspapers. It doesn’t matter what kind of website you own, it should carry content. Content is the difference between successful websites/magazines, and not so successful websites/magazines. Promotion and marketing of sites and magazines are equally important to make them successful, yet content is far more…

Responsive Design 101

It wasn’t too long ago that designers didn’t really need to worry how websites looked on mobile phones and tablets. Phones weren’t yet really practical for web viewing, and before the iPad, tablets were more of a novelty than an essential. Obviously, all that has changed and most tech experts predict that in the next few years, likely sooner rather…