CSS Overlay Techniques
There are several techniques for creating overlays: from using an absolutely positioned element to outlines and pseudo-elements. In this article we are going to explore each technique’s styles with their pros and cons.
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.
There are several techniques for creating overlays: from using an absolutely positioned element to outlines and pseudo-elements. In this article we are going to explore each technique’s styles with their pros and cons.
by Gorka Molero
What is the role of a web designer nowadays? An article about the changes that came with the awareness of responsive web design and the new workflow of designing in the browser.
Sometimes CSS can be frustrating. Learn about some tricky properties, the common issues they can cause and how to solve them.
by Manoela Ilic
The content flip plugin BookBlock has been updated and improved. Content can be flipped vertically and horizontally, and we’ve added support for RTL among other things.
by Patrick Cox
A user interface that is invisible and that provides seamless interaction possibilities will help the user focus on their goals and direct them to what they need.
Creative manipulation of images, from layering to composition to special effects, can add depth to web projects.
by Manoela Ilic
We are introducing a new section on Codrops which will contain basic templates and components, called Blueprints.
Space, peachy colors, big and real images and movement will top designer’s to-do lists this year.
Animations in a website or app should be subtle, complex, and natural. The right combination of these can make a UI feel responsive and alive.
by Steven White
Planning a website doesn’t have to be completely digital. Learn how sketching wireframes can help you speed up and innovate your creatives.
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.
Should presentational class names always be avoided or is that too dogmatic? As web development changes, perhaps it’s time to reexamine the issue.
by Kayla Knight
Some UI guidelines and tips to consider when designing a website to make it cross-device friendly and responsive.
by Craig Dennis
Understand how to add some delight into an app by designing the empty states and give users a better experience.
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.
A couple of tips for a clean online store design with some inspirational examples of minimal e-commerce sites.
by Manoela Ilic
An inspirational collection of the most impressive and distinctive web designs from the year 2012.
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.