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.
Articles
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.
We Are Architects
by Patrick Cox
We all have a vision of what architects do, right? They sit in front of CAD all day drawing walls, doors and toilets on floor plans, right? But after realizing the duties of architects, the similarities are compelling and it leads to one conclusion: web designers are architects.
Creative Background Styles and Trends in Web Design
The right background style can really set the tone for your website. We’ll explore some great examples and current trends in website backgrounds that include large images, bright colors and bold patterns.
Inject Energy Into Your Mobile Design with Light Effects
by Patrick Cox
Light effects have been spicing up graphic designs for years. It’s a great way to add interest, realism, abstractionism, or even energy to a bland experience. Used properly, light effects can help your mobile web design become more impactful and improve user experience significantly.
Examples of Creative and Modern Effects in Web Design
by Manoela Ilic
From hover to scroll, there are many ways to surprise and engage website visitors. The possibilities are endless. Get inspired with these examples of creative and modern effects in web design.
I Love Script Fonts (Here’s Why)
Script fonts, when used in moderation, can add extra flair and an unexpected twist to design projects.
Designing the Dreaded Form: Getting Creative
by Patrick Cox
In this follow-up article about designing forms we’ll dig into how to actually become creative and apply some interesting design concepts to spice up your form.
Tips & Tools for Grid-based Layouts
Developing a vertical (and responsive) grid can help maintain consistency in website design and ease the creation of responsive layouts.
Designing the Dreaded Form
by Patrick Cox
As much as they are dreaded, forms play an important role in many websites and designing them should involve careful planning of their layout.
Line That Up: Proper Alignment in Web Design
Proper alignment techniques for text and other elements can add punch and readability to your website.
How Web Design Has Changed Print
Not only do web designers learn from their print peers, but print design has evolved a great deal thanks to web design.
Visual Hierarchy in Mobile Design
by Patrick Cox
Basic design principles, like visual hierarchy, are very important in web design. Unfortunately, many of the new mobile apps are not designed with visual hierarchy in mind. Mobile (web) apps need an ordered and visually appealing design for a comfortable and enjoyable user experience.
7 Elements of a Well Converting Subscription Page
by Patrick Cox
We’ve all seen them, we’ve all navigated through them, we’ve all made those painful subscription choices, and we’ve all had some pretty bad experiences with them. But more and more sites and services are focussing attention on their subscription pages and discovering that a well-designed page is very important to new user sign ups.
Book Review: “The Designer’s Web Handbook”
“The Designer’s Web Handbook: What You Need to Know to Create for the Web” is a great guide for first-time and even more advanced web designers and developers.
Understanding the Rule of Thirds in Web Design
Intentional or not, the rule of thirds comes into play with most visuals, including images and in almost any web design.
Making Room to Breathe: Wrapping Text Around Elements
Text wrap can be a useful tool when embedding images into blocks of text and when used properly can add to your site’s readability.
Understanding the Lingo: Typography Glossary
Ascender, descender, tail, ligature. What do they all mean? A glossary of terms can help you understand the parts of type for your next project
Effective Typography-Driven Web Design
Using type as a primary design element comes with a set of characteristics that are often found in clean and easy-to-read websites.