Design

Generate color schemes for a bootstrap theme. See how it looks immediately with our bootstrap UI kit

In these politically uncertain times, developers can help to **defend their users’ personal privacy** by adopting the _Privacy by Design (PbD)_ framework. These common-sense steps will become a requirement under the EU's imminent data protection overhaul, but the benefits of the framework go far beyond legal compliance. Let’s give credit where credit is due. The global political upheaval of the past 12 months has done more to get developers thinking about privacy, surveillance and **defensive user protection** than ever before. The risks and threats to ourselves, and to our users, are no lo...

These days, most developers know CSS Grid, but there are still lots of small missing parts, unfamiliar to many of them.

CSS position sticky has really good browser support, yet most developers aren’t using it.

A counter argument for ‘designers don’t need to know how to code’, from the perspective of a developer.

Simple tool to find, customize and generate common SVG icons for your project

A UX Designer’s quest to help everyone understand everything.

Still using PNG for logos and icons? It's time to learn about SVG.

World's simplest collection of useful PNG utilities. Resize PNG, rotate PNG, crop PNG, convert PNG to JPG, GIF, BMP, Webp, base64, and more.

Chirag Mehta - Personal Web Log - 'blog - Chime Softwares - Indian Blogger live from Saint Petersburg, Florida, St. Pete, FL

Establishing content hierarchy with divider lines

Note: This blog post has been a long time coming. I’ve related this story to several other founders who have found our approach to…

Color theory isn’t quite as simple as the wheel of seven colors we’re taught in school. Color is steeped in nature, and the rules and theories applied to it are a completely fluid human invention.

We needed to create a menu with dynamic styles — a chameleon that changes color in different backgrounds. Check out how we achieved it.

For the first time, this article shares the secret about how to create the most trendy web designs in the World.

There’s a fundamental problem with UX – here’s how to fix it.

In which I make the case that the web we build should be more boring to better benefit those who use what we make.

Parallax-scrolling effects add visual interest, but they make content slow to load or hard to read. Consider if the benefits are worth the cost.

Easily make tints and shades in 10% increments.

Do you see that color in your mind the same way I see it?

Web Standards, and the documentation to support them, provide huge insight into ‘the why’ and ‘the what’ of the world wide web. In this article, we take a look at the history of Web Standards, how to use them in your work and ways you can get involved in making them.

Are you making these HUGE mistakes when presenting web design mockups to your clients? Learn how to avoid mistakes and look like a pro!

Understanding eXperience Design to carry out your own design projects

Web designers have typically always been big-picture people, in that they like having really big screens in front of them. It's convenient, and it makes you feel very professional. At this point in my life, I don't think I could go back to having just one monitor, either. And yet, I find that many websites don't live up to the potential promised by big darned screens, or even that presented by phones with HD resolutions. This is because we live in a mobile-first world, with mobile-first people. They go to far off and exotic places like "outside", so they have to carry their screens around w...

A year long case study of applying design to business outcomes

You don’t want to be ‘that designer’ who picks up elements from a UI kit or a free illustration. Fortunately there are a ton of style…

For a short period of time I worked on a design system at WebNL, an agency specialised in web design, development and marketing based in…

A round-up of all Codrops resources of the year 2018.