Classic Page Works

Awesome new HTML5 layout

Portfolio site for Leslie Doak

Featured area image cycler

Red Sunset and Tree
1

Red Sunset behind Tree

This collection of images is a study in red.

Hover on/off the image to pause/resume the autoplay of the marquee.

Chain Links on Red
2

Chain Links on Red

When autoplay is paused, you can interact with the marquee.
Notice that the navigation buttons on the right are clickable when autoplay is paused.

When autoplay resumes, the timePassed value is reset to 0 for the current image.

Red Parrot with Gold Wings
3

Red Parrot with Gold Wings

Additional images and captions can be added easily.

The javascript counts the images and builds the image lineup on page load.

The transparent caption area grows to fit the actual contents.

Microprocessor chips on Red
4

Microprocessor chips on Red

The wrap around effect will always work, even as new images are added or removed, because the javascript creates the effect by cloning and repositioning images, after creating the image lineup, on page load.

HTML5 Notes

The Outline Algorithm determines how sectioning content should be parsed in order to build an outline of the current document. Automatic outline generation is important for search engines, ... Read more »

Portfolio Items image links

Carousel of Swirly Designs

Carousel of Swirly Designs... Look this way »

Portfolio Image 2

HTML5 Drag and Drop sample: Rock, Paper, Sissors... Play Roshambo »

Portfolio Image 3

The Good Core Drilling website is updated to HTML5... Yay! »

Short Files - Comments

  • Javascript

  • PHP

  • Ruby

  • Perl

  • C++

  • Java

// a single line comment in Javascript

/*
a multi line comment in Javascript
a multi line comment in Javascript
*/
// a single line comment in PHP

/*
a multi line comment in PHP
a multi line comment in PHP
*/
# a single line comment in Ruby

=begin
a multi line comment in Ruby
a multi line comment in Ruby
=end
# a single line comment in Perl

# Perl does not currently implement true 
# multiline comments. 
// a single line comment in C++

/*
a multi line comment in C++
a multi line comment in C++
*/
// a single line comment in Java 

/*
a multi line comment in Java
a multi line comment in Java
*/

/** doc comments in Java
for automatically generated documentation
*/

Image grid features

Roshambo YZ250 motorcycle kite Old Glory Death Valley Gallery sample bar chart BSA motorcycle GCD Map sample homepage marquee

Badges

Links

Recent Projects

Recent Samples

Recent Articles

Previous Favorites