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

3_second_thumb

Designing for the 3 Second Rule

3-5 seconds! Yes that’s all it takes to make a great first impression. I know this sounds like an atrociously low time frame to create an impression, but that’s the way it is! What you see or hear in these initial few seconds, shapes your opinion of the person. Now, this got me thinking, isn’t it the same with websites?…

rss_thumb

Creating an RSS Feed Using PHP and PDO

Using an RSS feed on your website is a great way of letting your visitors, search engines or directories, get a hand on your content. RSS feeds are common practice on most blogs and CMS platforms including WordPress, Joomla and evenly the newly released Ghost. If you’re using a CMS or similar platform, the likelihood is that you won’t need…

node_thumb

An Introduction to Node.js for Front-End Developers

I’m going to assume if you’re reading this article that you’re a front-end developer that uses JavaScript on a daily basis. You’re probably very comfortable with libraries like jQuery, YUI3, Backbone or AngularJS. If this is the case then transitioning to Node.js really won’t be that challenging. I know you’re probably thinking “But Node.js and backend coding sound scary.” Well,…

ghost_theme_thumb

20 Free Themes for Ghost

As you probably noticed, Ghost launched last month. Not only did it launch, it launched big, really big. No other CMS over the last few years has received such universal acclaim and been able to generate such excitement, as we have witnessed this past month. Not since WordPress anyway. What does make Ghost great? And why is it such a…

disc-chart

Designing Websites Using DISC Analysis

I first came across DISC analysis whilst doing a stint as a ski instructor in Canada last winter (every web designer needs a hobby right?!) and the technique helped me achieve the highest number of new private lessons booked across the adult ski school. To truly understand the value of DISC analysis to the web designer and usability expert we…

modernblog_thumb

Current Design Trends for Blogs and Online Magazines

Digital website magazines on the Internet are becoming the easiest way to consume news & information. Many web designs are responsive which allows reading on mobile devices, and you aren’t even paying for the privilege. The popularity of simple open source CMS’ like WordPress makes it even easier to launch your own project online. In this guide I want to…

uxmobile_thumb

UX Design for HTML/CSS Mobile Web Applications

Mobile iOS devices were a step towards popularizing the idea of web applications. Web developers could build pages with HTML meta tags creating app icons to be saved onto the homescreen. Modern JavaScript techniques are able to duplicate animations in combination with responsive web design. For this article I want to go over some user experience trends for mobile webapps….

css_animation_thumb

CSS Animation Tools & Tutorials

Animating with CSS may have some limits, but overall they do offer a number of advantages over animations that are powered by JS. Easier to work with and being hardware accelerated are just two of the key CSS advantages. Of course CSS powered animations do have some disadvantages, such as it being difficult to have complete control over them. That…