And here comes the expected Part 4 – where we are going to represent you with the most stunning examples of standards-based websites as an alternative of Flash Web sites, showcase them and advice you about sources for your future self-update with the newest tendencies web-standards-based website building.
Rich interaction, impressive experience – this is what you are about to be represented with by getting to know the following websites. For more of the current tendencies you can visit the showcase websites NotCoffee and jQuery Style and visit plenty of great web sites favoring Web standards.
Pigeon and Pigeonette
This website has a single page that transitions during navigation. Other than being informational, it offers a couple of Flash games.
An agency website with an accordion home page and lightbox for the portfolio.
A minimalist portfolio website with a horizontal accordion
Bold, colorful, full-screen imagery on a single page, with a lightbox portfolio
Mainly full-screen imagery for a portfolio that includes 3-D, graphic design and photography
A more traditional website but with subtle navigation effects and transitions for imagery and content
Very creative imagery, heavy on the AJAX, with many examples of the studio’s work
A full-screen draggable map of the agency’s clients, with a smooth lightbox for the content
Very much an application, this streaming music service lets you browse artists and related info. As you listen, information pops up on the band
A website highlighting the work of an architecture firm. With each click on the navigation, the page elegantly shifts around
Paul J. Noble
A dark portfolio website, with an interesting approach to navigation
Adult Swim Shows
A recent relaunch, with full-screen images for navigation
A marketplace website with a simple interface, carousel navigation for products and lightboxes for detailed descriptions.
Personal portfolio of Alex Abramov, with full-screen imagery and pop-up content.
Personal portfolio of Adam Rix. Full-screen imagery and subtle navigation.
A personal portfolio, with a fun design and scrollable interface
Take a look at the future
Yes, those are experimental but successful. They will show you what is possible with Web standards. Note: they might work only with the most updated from browsers! After checking these you might want to keep being updated with the newest from standards-based website building – for that visit CanvasDemos and Chrome Experiments.
An online code editor from Mozilla.
A simple painting program
Canvas Animation Demo
A cartoon animation using the canvas element
A physics-based demo that lets you drag and push around multi-colored circles
A visualization of a tree that mutates and blooms
Images falling on the screen
3-D Cube Demo
A draggable, zoomable 3-D cube of colors
A game in which you navigate your motorcycle across a terrain