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

my books

Pro CSS3 Animation, Apress, 2013

Using SVG with CSS3 and HTML5, O'Reilly, 2017

my other blogs

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

my projects

The New Defaults — 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.

HTML naming conventions and file management

Naming and locating files is vital to making a site

  • HTML pages should be saved with the .html extension. While this isn’t vital on every page, 90% of the time the home page of your site will have to be named index.html in order to be picked up as the default home page, so you may as well stick to this naming convention for all pages.

  • Use alphanumerics only in page names. That is, a-z, 0-9. The only exceptions are: -(dash), _(underscore) and ~ (tilde).

  • Never use spaces in the file name of anything destined for the web. Replace spaces with hyphens.

  • Use lowercase exclusively when naming files (some web servers are sensitive to case).

  • When planning a site, create a naming convention for pages and stick to it without exception.

  • Always title a page the moment you create it, using a titling convention you have created. Too often this task falls by the wayside and is neglected, resulting in pages that have irrelevant or confusing titles, or no title at all.

  • Remain aware where you are saving files, and be consistent about doing so. A great deal of frustration and confusion occurs because students are looking at the wrong version of the file they think they are working on. For that reason, I strongly suggest saving only one copy of any file: do not try to retain multiple versions of the same page. If you start a new page, give it a completely different (and appropriate) file name.

  • Be aware of changes made to files that you bring back and forth to class. To avoid confusion, I recommend creating files on your desktop and then dragging them to your USB memory stick / portable hard drive to take them home, trashing the files that remain on the desktop. If you return to class and want to resume work on the files, reattach the drive and drag the appropriate files back onto the desktop. (Alternatively, you may wish to work directly on the files on the external device, although this is not recommended).

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.