Notes for my Web Design Courses

Web Resources – A list of useful links for the 10–week web design courses I teach at City College Brighton & Hove.

Current course information and availability.

Examples of image galleries

Simple image galleries

• A simple image gallery.
• An image gallery with captions.

Image galleries using jQuery

• An image gallery with a lightbox.
• A gallery using the Nivo Slider.
• An image gallery with zoom on hover.

Image galleries using just CSS

• A responsive image slider using just CSS.
• A ‘rollover’ image gallery using CSS.
• A ‘masonry grid’ image gallery using CSS.

Miscellanea

• Wordpress blog – Not much to see here.
• Menu with pop–ups – Creating a menu with pop–ups using CSS.
• Blockquotes – Styling blockquotes using images and CSS.

Testing @font-face

Using @font-face to display interesting typefaces.

Carolingia by William Boyd

Pruncial by Peter Rempel.

Examples of Entypo symbols: ! S L 7

Generator at www.fontsquirrel.com.