demosthenes.info

I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my other blogs

Massive Head Canon: Intelligent discussion of movies, books, games, and technology.

my projects

A Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidy: an auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

Better Diagrams with SVG and Blend Modes

css / blend modes

Estimated reading time: 1 minute, 45 seconds

An interesting use of is to enhance the appearance of diagrams and graphs. Take, for example, the classic Venn diagram illustrating the “Fast, Cheap, Good” rule:

Frontal image of a peacock

12 Palette Extractors and Resources for Site Color Inspiration

tools / color

Estimated reading time: 3 minutes

Sometimes the hue muse fails to strike; sometimes all you’re provided for the look and feel of a site is a web page the client likes, or a photograph, perhaps just a painting.

Moments like that make it difficult to come up with one of the defining characteristics of a site design: a strong, cohesive color theme. Using PhotoShop’s Eyedropper tool to extract image colors isn’t always helpful, as attempts to pick pixels are often stymied by artifacts and shading effects (although there are a few tricks that can help, discussed below). In such situations, a color extraction tool can open up many creative possibilities:

SVG Meetup Presentation: Interactive Imagemaps

svg

Estimated reading time: 5 minutes, 39 seconds

The first section of my presentation at this month’s San Francisco SVG meetup; unfortunately, I hadn’t realised that the camera I was using had a 4GB file limit, which cut the filmed portion of “Six Impossible Things With SVG” to just this section on interactive, responsive SVG imagemaps.

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.