Web Development

Techniques

Web simulations of water ripples and rain drops.

Parallax Scroll

This page demonstrates a parallax scrolling effect where the foreground and background scroll at different rates.

Perspective Scroll

This page demonstrates a Star Wars style interactive perspective scrolling technique.

Resources

W3Schools.com | HTML, CSS, JavaScript, jQuery, Bootstrap, HTML Graphics | Tutorials & Reference

W3C Markup Validation Service | Development Tool

WAVE Web Accessibility Tool | Development Tool

All About Floats | CSS-Tricks | Article & Reference

A Complete Guide to Flexbox | CSS-Tricks | Article & Reference

Web Safe Fonts | W3Schools | Reference

Favicon | Wikipedia | Article & Reference

Learning JavaScript Design Patterns | Addy Osmani | Online Textbook

Material Design | Google | Design Principles