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.
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.
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.
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.
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.
by Manoela Ilic
Slicebox, the jQuery 3D image slider plugin, has been updated. We’ve done some major improvements and added new features.
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.
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.
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.
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.
Font choices can have an impact on how your message is communicated and how people feel about the words on the page.
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.
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?
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.
Create a sense of balance and harmony by using symmetry elements design scheme.
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.
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.
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.
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.
