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.

Web Developer Reading List: Exercises and Quizzes

reading lists / exercises

Estimated reading time: 2 minutes

There are few activities more effective in learning web development than making web pages (in the words of Chris Coyier, “Just Build Websites!”). However, it can sometimes be difficult to come up with new ideas for making pages; after a while, there’s a tendency to only do what you know and avoid challenges. To that end, I’ve created a series of front-end design and development exercises and quizzes, most of which can be completed in an hour. The goal of these exercises is to sharpen skills and test your abilities (under open-book conditions) against a time limit.

Limitations on Styling Visited Links

css / navigation

Estimated reading time: 2 minutes

Links can be styled any which way you like to provide unique site navigation. These styles can be extended to pseudo states like :hover to create dynamic transitions. However, there are significant restrictions on styling links that the user has previously visited, limitations that are often unexpected and exasperating, especially for designers and developers who don’t understand the reasons why.

SVG Basics: Lines, PolyLines, Caps and Corners

svg / basics

Estimated reading time: 2 minutes

Cet article est également disponible en français

If you’re after a line or an open shape, rather than a closed polygon or circle, SVG has two options for you: lines and polylines.

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.