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.
+ 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.
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 Mary Lou
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
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
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
Busting that Creative Slump You’re In
by Patrick Cox
Being creative is a state of mind and finding that creative state of mind can be difficult. Here are some ideas and tips on how to get out of a creative slump and what to do in order to stay in a creative mind set.
+ more
Stop, Look, Click: Attention-Grabbing Elements in Web Design
There have been many studies on attention with very significant results coming from the area of cognitive neuroscience and psychology. It is an interesting challenge to translate those results into the domain of web design and use it as a tool for creating a meaningful impact.
+ more
Make a Statement with Type
Font choices can have an impact on how your message is communicated and how people feel about the words on the page.
+ more
Dashboard Design Elements for the Win
by Patrick Cox
Proper admin panel or dashboard design is an often neglected part in a web app. Designing and building dashboards is not an easy task and it’s good to know what the key elements for a successful and great dashboard are.
+ more
Build a Color Scheme: The Fundamentals
by Patrick Cox
Let’s dig into the very fundamentals of building a color scheme for your web design: what colors fit to which context, how do combinations work and what color scheme concepts are there?
+ more
Do I Really Need A Style Guide?
by Patrick Cox
What is a style guide and when should you use one? We’ll summarize the main properties of a style guide, what it should contain and how you can determine if you should invest the time in creating one for your brand/website.
+ more
Perfectly Paired: Using Symmetry in Web Design
Create a sense of balance and harmony by using symmetry elements design scheme.
+ more
Happy Birthday! 3 Years of Codrops
by Team Codrops
Happy Birthday, Codrops! We are turning 3 today! We want to thank all of you and share some highlights of the past years.
+ more