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.

Photograph of Asian ceramic bowls

Cultural Appropriation: Using Museum Collections For Free Digital Work

tools / images

Estimated reading time: 1 minute, 45 seconds

The majority of web designers working today focus almost exclusively on the new and current, neglecting the vast depth of world cultural history. The result creates a “hall of mirrors” effect, with design trends echoing each other, and sites often repeating mistakes that were first encountered and solved in other media millennia ago.

Increasingly, museums are moving their collections online, making their physical appropriations digital and completely free for use and allowing designers easy access to the rich tapestry of design history for inspiration and content. Some of my favorite sources include:

A row of houses with lit windows along an Amsterdam canal

The Art of alt: Writing Great Descriptive Text For Images

html / images

Estimated reading time: 3 minutes, 30 seconds

The web gains its strength through diversification: the more accessible it is to everyone, the better the results. The alt attribute was an early example of this, but writing good, accurate descriptive text for your images takes knowing a few rules:

Astrophotograph of globules in the Running Chicken Nebula by Fred Vanderhaven

More Resources For Free (And Nearly Free) Legal Images

tools / images

Estimated reading time: 4 minutes

Getty Images – one of the world’s largest photographic rights holders has made most of its 35 million images available free of charge for non-commercial, editorial use, allowing customers to embed them via <iframe> elements, as YouTube does with its videos. Unfortunately <iframe> elements are not responsive by default, making Getty’s standard fare of limited use in modern websites. In this article I’ll show you how to change that, together with even more resources for free images.

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.