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 projects

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.

More Tricks & Tips For Working With SVG in Adobe CC

svg

Estimated reading time: 1 minute, 52 seconds

In previous articles I’ve explained how to work with SVG in Adobe Illustrator, and how SVG export has been improved in the Adobe suite. The most recent versions of Adobe PhotoShop and Illustrator feature further enhancements that make modifying and generating elements even easier and more productive:

Animated Day-Night Cycle With CSS and SVG

svg

Estimated reading time: 4 minutes

Astronomy has been a constant interest of mine, so I try to integrate it into as many pieces of work as I can. In this case, I wanted to represent a basic animated day-night cycle for the background of a web page.

Making SVG Animated Icons

svg / navigation

Estimated reading time: 2 minutes, 51 seconds

Recently one of my 1st year students proposed a UI design for her photography tutorial site, and asked for my advice as to how to pull it off. In my opinion, was the best answer; while the student ultimately went another way, I thought that what I came up might still be a useful lesson.

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.