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. 1.5K of JS, no JQuery. Drop in images, add a line of CSS. Done.

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

Macro photograph of the interior jewelled workings of a pocketwatch

Web Developer Reading List: PHP Basics

reading lists / php

Estimated reading time: 1 minute, 4 seconds

Even if you only pepper your site with snippets of PHP for its sheer utility, you still need to know the basics, which includes variables, arrays, the date() function, and includes.

Goals: Create an include() that adds the current date to a web page using concatenation; make and use a simple variable, array, and a basic function.

Total time for practice: 4 hours

Prerequisites: Introduction to PHP

Web Developer Reading List: Introduction to PHP

reading lists / php

Estimated reading time: 1 minute

I often compare PHP to the scullery maids living below stairs in an upper-class Victorian household: rarely given the acknowledgement they deserve, but indispensable to order and productivity.

PHP is the server-side technology you’re most likely to encounter in web development today, although there are many other alternatives. PHP works to assemble pages, validate form inputs, and a thousand other tasks, delivering web content for consumption.

Like other web tech, the role of PHP in your sites will change as your workflow develops. At the very least, you should understand how PHP is used to generate page templates with include(), together with basic form handling, variables, and file I/O. This PHP reading list is designed to fulfill those requirements.

Build Better Text Extracts With PHP


Estimated reading time: 1 minute, 48 seconds

Many developers spend time writing code designed to extract a very specific number of words or characters from a piece of text. This text sample, often drawn from a blog post or comment, is usually displayed with a link that leads the user to read more.  You can see an example on this site in the extracts of articles added to favorites in user profile pages.

Using a thoroughly organized content management schema that divides every article into a lede, nut graph, and body units of text minimizes the need for string manipulation. However, such units are not always available or applicable.

It’s possible to use , and server-side languages to create text extracts. For the purposes of this article, I’ll use .

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.