Generating Accessible Color Combinations For the Web

Generating Accessible Color Combinations For the Web

Creating a unique experience for every visitor with generative design

This is going to be a short post, but I wanted to show you how easy it is to have the color scheme for your website be generated randomly on the client-side. It’s a pretty interesting experience for the user, but I don’t think it makes sense for most websites, as most businesses (and even individuals) would want to stick to a more standard color scheme so they can stay consistent with their brand identity. However, if you find something cool to do with these accessible combos do share it with me I would love to see! Now let’s get to the actual code. There are a few ways to do this, I recently found a tiny (less than 2kb) npm package called colors2k that offers this functionality but I also wanted to show you it’s possible to do this using only vanilla JS, so let’s start with the easy way first. For all these examples I’m using a regular HTML page being bundled using parcel and also pulling in a modified version of grotesk for basic styling.

webdev javascript design web-design

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Web Design Service in USA

Looking for designers for your business website design? We at Data EximIT offer our best **[web designing services in the USA](https://www.dataeximit.com/services/ "web designing services in the USA")** with the aim of craft your website more...

Responsive Web Design Company Las Vegas

HireFullStackDeveloperIndia is a **[Responsive Web Design Company in Las Vegas](https://hirefullstackdeveloperindia.com/who-is-the-best-web-application-development-company-in-nevada/ "Responsive Web Design Company in Las Vegas")** that goals are...

Top 15 Free JavaScript Frameworks for Web Applications

List of some useful JavaScript Frameworks and libraries for website, web apps, and mobile apps development, that developers should know about to make selection easier.

10 Responsive Web Design Challenges And Their Solution

Ensuring responsiveness of your website on all major devices can be challenging. Find out what these responsive design challenges.Even though your website works perfectly on a desktop, doesn’t mean it’ll render perfectly on mobile or tablets as well. With the plethora of devices available, you’re bound to miss out a few crucial ones, and hurt your users’ experience. Optimising your website for every single device seems like a daunting task, but what if i told you that you don’t have to do it!

Best Design Patterns for writing JavaScript Web applications

Design patterns in JavaScript are reusable solutions applied to commonly occurring problems in writing JavaScript web applications. In this article, I will explore best and most popular JavaScript design patterns.