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

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…

Dealing With Your Ego as a Designer

A fundamental difference between programming intensive web-development work and graphic-focused web-design is that everyone – client to business associates – has an opinion and an alternative vision for the latter. The technically-steep learning curve of coding, whether it be the front-end or server-side configuration, tends to elicit few opinions and observations, simply because only a handful of clients actually possess…

Footer Design Trends

The humble footer – long ignored by web designers – has become a site of a sudden burst of creative energy in the past few years, as designers realize the flexibility of the footer as more than a mere placeholder for contact and copyright info. Facilitating this change has been a gradual move away from a fold-centric design ethos, which…

CMS: Useful Wins Again

It’s been almost twenty years since the first branded Content Management Systems (CMSs) hit the market. They were an unbearable kluge back then, and didn’t work well; but hey, if you had a bajillion dollars to toss at MarchFirst or any one of hundreds of other pre-dot-bomb era consultancies, you could have a half-baked Web CMS, delivered by a team…

Current Web Typography Trends

The evolution of typography in web design has been hampered by technological limitations. The lack of browser support for CSS in the pre-2000 era, and later, unavailability of a wider range of fonts limited typographical adventures to a handful of font choices. Every web designer willing to experiment and push the boundaries in typography has had to contend with the…

How to Build an Accordion Image Gallery with only CSS

Fluent animated transitions for sliding web page elements such as a menu or an image gallery, have always traditionally been implemented with JavaScript. But using the CSS3 pseudo-class :target and the negation pseudo-class :not() properties, together with the CSS3 Transition Module you can achieve the same effect, but without JavaScript! This means that the very popular “accordion or toggle” effects…