Archive for the ‘color’ Category

The Equilateral Triangle of a Perfect Paragraph

Still, too many web designers neglect the importance of typography on the web. So far, I've only met a few that really understand typography and know how to apply that knowledge to their work. And the lack of knowledge about typography doesn't come fro...

Some Math Links

Posted on: No Comments
I read a few stories about math lately. One of them is a story by Kevin Hartnett about Francis Su, who believes math can be a gateway to a better life. To Live Your Best Life, Do Mathematics.: Christopher, an inmate serving a long sentence for armed r...

Color in UI Design

Posted on: No Comments
Erik D. Kennedy: So if color theory doesn’t provide a solid basis for color in UI design, what does? Let me throw an opinion at ya’: color modifications. It’s the tweaking of color that counts, not the picking of them from the color theory hat. A...

A Thing To Know about Gradients and “Transparent Black”

Posted on: No Comments
Say you have a gradient in CSS that goes from red to transparent. Easy, right? Like this: .element { background: linear-gradient( to bottom, red, transparent ); } There is a pretty big gotcha here, though. In Chrome (also Android), Fi...

ColorMe / CSS Color Level 4

Posted on: No Comments
Does this look weird? .element { background: color(#eb8fa9 alpha(75%) blackness(20%)); } That's the "color function" from a draft spec from the CSS working group. I think it's all about making colors a little easier and more intuitive to work with. L...

High Contrast, A PostCSS Plugin Story*

Posted on: No Comments
The following is a guest post by Eduard Pochtar from ShiwaForce. Eduard is going to walk us through they why and how of a plugin he and his team built to process existing CSS to make a high contrast version of a web site. It involved a little thinking ...

Color Fonts

Posted on: No Comments
Adobe explaining: OpenType-SVG is a font format in which an OpenType font has all or just some of its glyphs represented as SVG (scalable vector graphics) artwork. This allows the display of multiple colors and gradients in a single glyph. Because of t...

The Power of the rgba() Color Function in CSS

Posted on: No Comments
One of the things that I'm really interested in about CSS is the new color-mod function. It will give us the ability to do color manipulations right in the browser. For example, when hovering over a button, you can change the color by using something l...

A Nerd’s Guide to Color on the Web

Posted on: No Comments
There are a lot of ways to work with color on the web. I think it’s helpful to understand the mechanics behind what you’re using, and color is no exception. Let's delve into some of the technical details of color on the web. Color mixing A huge pa...

8-Digit Hex Codes?

Posted on: No Comments
Weird right? 4-digit hex codes too. They are a way put alpha transparency information into the hex format for colors. You might be seeing it more all the sudden if you use Chrome, because it dropped in 52, and the DevTools seem to be defaulting to show...