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

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…

css_ui_kit_thumb

10 Free CSS UI Kits

It has been almost a year since we last talked about free UI kits. The wait is finally over, because today we have put together ten of the latest and greatest CSS UI kits. Hope they are helpful. And if there are any CSS UI kits that we missed and you are aware of, be sure to mention them in…

rwdscreen_thumb

Responsive Design is Not About Screen Sizes Any More

In March 2012, Guy Podjarny ran a test comparing the performance of hundreds of shiny new responsive websites across four different screen resolutions. The results were very disappointing. Two years into the rise of Responsive Web Design, after every imaginable sort of designer and developer had jumped into the train, it took a test to almost rock the theory to…