Coloring With Code — A Programmatic Approach To Design
In Tutorials, by George Francis
Learn to create beautiful, inspiring, and unique color palettes/combinations, all from the comfort of your favorite text editor!
19 posts tagged with
How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG
In Tutorials, by Kyle Wetton
Learn a simple technique for adding a color swap functionality to your product images by creating an SVG and applying a mix-blend-mode to the composition.
Color Extraction Effect
In Playground, by Manoela Ilic
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
Interactive Drag and Drop Coloring Concept
In Playground, by Manoela Ilic
A little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette.
Fresh and Creative Web Design Techniques
In Articles, by Kendra Gaines
Space, peachy colors, big and real images and movement will top designer’s to-do lists this year.
A Creative Year: Distinctive Web Designs of 2012
In Articles, by Manoela Ilic
An inspirational collection of the most impressive and distinctive web designs from the year 2012.
Grabbing Attention and Building a Moving Experience with Shape
In Articles, 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.
Creating Off-Center Balance: Using Asymmetry in Web Design
In Articles, by Carrie Cousins
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.
Build a Color Scheme: The Fundamentals
In Articles, 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?
Perfectly Paired: Using Symmetry in Web Design
In Articles, by Carrie Cousins
Create a sense of balance and harmony by using symmetry elements design scheme.
Designing the Dreaded Form: Getting Creative
In Articles, 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.
Color and Emotion: What Does Each Hue Mean?
In Articles, by Carrie Cousins
Color can evoke a wide-range of responses and it is important to understand the effect a hue can have on your message when planning a design project.
Principles of Color and the Color Wheel
In Articles, by Carrie Cousins
Add the right feeling and mood to your site using the color wheel, mix and match hues and create effective color schemes.
25 Examples of Perfect Color Combinations in Web Design
In Articles, by Gisele Muller
Today we will show you some examples of websites that are using beautiful and inspiring color combinations that match perfectly and create an eye candy result. From delicate and smooth colors to strong duos and super colorful pages, we have several styles to show you.
Minimal and Contrasty Color Schemes in Web Design
In Articles, by Manoela Ilic
Making a web design with contrasty colors will allow for a better focus on certain areas of a web site. With a minimal color scheme, more contrast can be achieved and with the right complementary color, a unique and impactful visual impression is given.
TweetTheme: Color Theme Inspiration from Twitter Themes
In Playground, by chadking
My next Twitter API experiment: Get the theme’s colors from any Twitter account! With this PHP and jQuery code you can call the Twitter API and request the RGB color […]
