Back to Top
The nuts and bolts for
Creative web development

DMXzone HTML5 Suite

“The best HTML5 extensions in a single pack!”

A stunning design collection, which allows you to create all kind of menus and galleries with fantastic animation and effects, even whole websites. All this without using any Flash! All extension in this Suite are pure CSS and HTML5 based.

The Suite contains:

Do you want an even greater Discount? Take advantage of the Yearly Extensions Subscription!

CSS Image Gallery
$54.00
DMXzone Lightbox
$63.00
Sliding Billboard
$54.00
Animated Thumbnail Gallery
$63.00
Universal CSS Navigation Menu
$63.00
Sliding Panels
$54.00
Advanced CSS Animator
$82.00
HTML5 Slideshow
$49.00
Sliding Menu
$63.00

Overview

A Great Showcase for DMXzone HTML5 Suite

In this demo we've used seven out of nine extensions packed in the HTML5 Suite to create a Website. We've also added tips, so you can explore each detail how it's been made and which extensions we've used.

HTML5 Suite 

Features

CSS Image Gallery

CSS Image Gallery allows you to create cool pure CSS galleries and slideshows with a fluent navigation and image transitions. Due to its CSS nature it is fully customizable and fits in any site design. You can even create a fancy slideshow with automatic thumbnail popup navigation.


DMXzone Lightbox

The DMXzone Lightbox is the first ever Canvas based Lightbox control! With Canvas the design of your Lightbox is fully drawn online! No more including weird corner images to make it look good!

 

Sliding Billboard

Organize your work greatly in a virtual book, which auto scrolls and enables your users to slide from page to page or chapter to chapter naturally. You can present any type of work this way: your portfolio, photo albums, products index, web shop, ads and much more.

 

Animated Thumbnail Gallery

Create an amazing thumbnail wall from your images, photos and portfolio or decorate the existing thumbnails on your pages with the Animated Thumbnail Gallery. Add great looking borders, shadows and predefined styles - all Live in Dreamweaver!


Universal CSS Navigation Menu

The Universal CSS Navigation Menu for Dreamweaver allows you to create all kind of great web site navigation menus: Cascading Drop down Menus, Mega Menus, Popup or Context Menus. The menus use great display animations, are CSS based and fully cross browser compatible, which makes them search engine friendly, easy to use and very stylish.


Sliding Panels

Dazzle your viewers with 3D photo navigation using 3D ImageFlow Gallery. Create an amazing gallery with cool  perspective effects in seconds and give your photos stunning 3d and camera effects.

 

Advanced CSS Animator

With the Advanced CSS Animator you can animate virtually any CSS Property! Borders, colors, font sizes, position, opacity, apply CSS Transformations like rotate, skew, zoom and more! Use the supplied presets to choose from ready animations like fade in/out, expand, collapse, position in browser, paper spin, shake, blink or save your own CSS animations in a new preset!


HTML5 Slideshow

The Slideshow photo gallery is built with jQuery, is CSS based and uses HTML5 W3C standard elements like the Canvas and CSS3 Transitions, when available, for the highest animation quality and no Flash at all – so it runs on all iDevices smoothly!



Sliding Menu

Create an astonishing iPhone like menu in Dreamweaver. Give your users the power of touch and swipe gestures to experience the trusted iPhone feeling no matter what browser and OS they are using! Choose from the many included CSS based designs to resemble iPhone, iPad, Android experience or create your own design to fully suite your site needs.

Showcases

James Cameron's Avatar Concept Art Demo

"Life Moments" Movies Gallery Demo

The demo features an amazing collection of HD videos from the young and talented artist Matthew Brown. Based in Seattle, USA, this young video producer creates masterpieces with his camera and impresses the audience with every single shot.

Sliding Billboard iPad Gestures Demo

Use mouse to simulate iPad touchscreen gestures (click and drag) to control the Sliding Billboard.

James Cameron's Avatar Trailers Demo

*Used extensions in this demo - Animated Thumbnail Gallery and DMXzone Lightbox

Sticky Navigation Menu Demo

Sliding Panels Styles Demo

In this demo, we've created a page full of any content, where you have the opportunity to explore the 15 different CSS Styles we've packed in the Sliding Panels, as well as to set navigation positioning and other options.

Find Your True North Demo

The demo will show you how you can create your own compass with Advanced CSS Animator.

Design Your HTML5 Slideshow Demo

In this demo you can navigate the HTML5 Slideshow with the custom navigation, choose one of the designs and experience some of the features packed in the extension.

HTML5 Slideshow Design

Mobile Website Demo

A great showcase of designing a Mobile Website using only the Sliding Menu. If you view the demo from your iPad, iPhone or other touch device follow the link: http://www.dmxzone.com/demo/slideMenu/slideMenuContent.html

Mobile Website with Sliding Menu

 

  • HTML5 Suite

    In this showcase we've used seven out of nine extensions packed in the HTML5 Suite to create a Website. We've also added tips, so you can explore each detail how it's been made and which extensions ...

  • Mobile Website Showcase

    A great showcase of designing a Mobile Website using only the Sliding Menu. If you view the showcase from your iPad, iPhone or other touch device follow the link: ...

  • HTML5 Slideshow Design

    In this showcase you can navigate the HTML5 Slideshow with the custom navigation, choose one of the designs and experience some of the features packed in the extension.

  • Find Your True North Showcase

    The showcase will show you how you can create your own compass with Advanced CSS Animator.

  • Features in Detail

    In this showcase, we've created a page full of any content, where you have the opportunity to explore the 15 different CSS Styles we've packed in the Sliding Panels, as well as to set navigation ...

  • iPad Gestures

    Use your mouse to simulate iPad touchscreen gestures (click and drag) to control the Sliding Billboard.

  • Trailers Showcase

    In this showcase you can see how we combined Animated Thumbnail Gallery and DMXzone Lightbox.

  • Concept Art Showcase

    For this showcase site we packed all our images in an amazing CSS Image Gallery that can be scrolled up and down, and additionally you can see a larger view of the image in a cool DMXzone Lightbox ...

  • Sticky Navigation Menu Showcase

    In this showcase you will see the new feature added in the latest version of Universal CSS Navigation Menu - autoplace of active state to the element that best fits the current page URL.

  • Life Moments Movies Gallery Showcase

    The showcase features an amazing collection of HD videos from the young and talented artist Matthew Brown. Based in Seattle, USA, this young video producer creates masterpieces with his camera and ...

Videos

Creating a Cool Image Gallery that Retrieves Images from a Folder List
With this movie we will show you how easily you can create your CSS Image Gallery and have it retrieve its images from a File Genie PHP/ASP Folder List using Folder List Repeater.

Watch the movie read more 

 


Creating Lightbox Gallery with a Single Thumbnail
With this movie we will show you how to create a Lightbox Gallery with only one thumbnail on your page.

 

Adding Mouse Gestures and New Easing Effects to a Sliding Billboard
With this movie we will show you how to simulate iPad/iPhone touchscreen gestures, as well as adding new easing effects.
 
 
 

Enrich Your Existing Page Content with Animated Thumbnail Gallery
With this movie we will show you how to enrich you web site existing content, integrating Animated Thumbnail Gallery.

 
 
Creating Horizontal Mega Menu
With this movie we will show you how to create a horizontal Menu bar with Mega menu using Universal CSS Navigation Menu.

Watch the movieread more

 

Creating Simple Sliding Panels
With this movie we will show you the basic features and how to create simple Sliding Panels.

 

    Creating Image Overlay Effect
   With this movie we will show you how to create an image overlay effect using Advanced   CSS Animator.

Watch the movie read more

HTML5 Slideshow VideoAttach Videos to your Images in HTML5 Slideshow
With this moviewe will show you how to open videos in DMXzone Lightbox by clicking HTML5 Slideshow images
Watch the movie read more

  

Sliding Menu Video
Creating Mobile Website
With this movie we will show you how to create a mobile website filled with content, using Sliding Menu.

 

 

Requirements

Type: Behavior
Product: Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6
Platform: Win XP/2000/2003/2008/7, Mac OS X
Browser: Opera 8, Opera 9, Safari 2.0, IE 7, Firefox 3.6+, Opera 9.5, Safari 3, Chrome 9+, IE 8, Safari 4+, Opera 10+, iPad


George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article