Website Development Resources
When coding a web site, it is helpful to have a library of demonstrations displaying different techniques, styles and scripts.
The CHouseLive Website Development Resources provides such a library. The demonstrations are sorted according to categories and then listed alphabetically. Each demonstration documents the code as well as providing links to source code and references.
- CSS
- Advanced mouse-over
- Buttons
- Centre page horizontally and vertically
- Cross browser transparency
- CSS3 techniques
- Drop caps
- Links with image prompts
- MLA essay formatting
- The Power of unordered lists & CSS
- Simple link list
- Simpe mouse-over
- Web safe fonts
- Pictures
- Automated CSS & javascript image viewer with sliding thumbnail strip
- Enhance Photographs with a caption, border & drop shadow
- Fancybox photograph gallery
- Lightbox photograph gallery
- Image Placement and Styling
- Image Rotator
- Magnify images with Gzoom
- Magnify photographs with jqZoom
- Random photograph gallery
- Shadowbox photograph gallery
- Simple CSS & javascript image viewer with centred thumbnail strip
- Simple CSS & javascript image viewer with sliding thumbnail strip
- Zoom in on an image using MooZoom
Website Development Resources
- Lightbox photograph gallery
- Image Placement and Styling
- Simple CSS & javascript image viewer with centred thumbnail strip
- Fancybox photograph gallery
- The Power of unordered lists & CSS
CSS Templates
Website Authoring Tutorials
- Styling and placement of images within a web page
- Creating a styled link list using CSS and HTML
- Building a single column webpage from scratch
- CSS mouse-overs
- CSS photograph gallery
- Styling Fonts