Creative Layouts and Interactions in Web Design
Creative design that differ from the usual layouts can be quite difficult to imagine and execute but when done well, they can make some of the most interesting and engaging websites.
+ moreArticles
In this category you will find articles about web design, web development and related topics. Here we also feature inspirational collections, opinions and articles about best practices.
Defending Presentational Class Names
Should presentational class names always be avoided or is that too dogmatic? As web development changes, perhaps it’s time to reexamine the issue.
+ more
UI Design Guidelines for Responsive Design
by Kayla Knight
Some UI guidelines and tips to consider when designing a website to make it cross-device friendly and responsive.
+ more
Designing For The Empty States
by Craig Dennis
Understand how to add some delight into an app by designing the empty states and give users a better experience.
+ more
Techniques for Creating Motion in Web Design
Create a livelier page by using images and objects that create a sense of motion. Get inspired by great web design examples and learn about some practical techniques.
+ more
Tips for a Clean and Minimal Online Store Design
A couple of tips for a clean online store design with some inspirational examples of minimal e-commerce sites.
+ more
A Creative Year: Distinctive Web Designs of 2012
by Manoela Ilic
An inspirational collection of the most impressive and distinctive web designs from the year 2012.
+ more
Grabbing Attention and Building a Moving Experience with Shape
by Patrick Cox
Some thoughts on how shapes in web design can be used for attention-grabbing purpose and for an interesting or even comforting user experience.
+ more
Using Transparency in Web Design: Dos and Don’ts
Experimenting with transparencies is a great way to expand your design repertoire. Like many other effects, use this technique sparingly and test the design in multiple environments to ensure that it works and looks as you intended.
+ more
Three Script Updates
by Manoela Ilic
The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub.
+ more
Learning Principles for Improving Your CSS
This article will cover some basic principles and tips on how to learn and become better at CSS, based on personal experience.
+ more
Mobile Design Typography is Vitally Important … and Challenging
One of the emerging challenges for web designers is creating web typography that works in the mobile environment as well. But it can be difficult, and there are many things to consider. The keys are to focus on readability, contrast, space and responsiveness.
+ more
Becoming Device-Agnostic
by Patrick Cox
Responsive Web Design is more than just adjusting a web experience to different screen sizes. Becoming device-agnostic is an important step for creating future-proof websites and here are a couple of thoughts on that.
+ more
Elastislide Revised
by Manoela Ilic
Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be specified.
+ more
Slit Slider Revised
by Manoela Ilic
Slit Slider is a slideshow with a twist: when navigating the slides, the current one will be “cut open” into two slices and moved away, revealing the next or previous slide. The slider can be used in a responsive context and it has been updated and improved.
+ more
Slicebox Revised
Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.
+ more
Creating Off-Center Balance: Using Asymmetry in Web Design
Asymmetrical design techniques can be visually intriguing and create distinct focal points. Here are a couple of inspirational examples and tips on how to employ asymmetry in your next design.
+ more
The Unwritten Rules of a Great Design Critique
by Patrick Cox
Design critiques are not only the way to an improved design, they are also a great educational opportunity for all parties involved. If held properly by following some basic guidelines they can bring along a great collaboration experience and positively influence the progress of a project.
+ more