Back to Top
The nuts and bolts for
Creative web development
Only show results for:
Creating Beautiful Popup Galleries
With this movie we will show you how to open DMXzone Lightbox containing CSS Image Gallery, when clicking on Sliding Billboard.
Creating a Basic Page Layout with 960 Grid
With this movie we will show you how to create a Basic Page Layout with 960 grid System using our free 960 Grid System extension.
Turning Any Page Element into an MP3 Player Control
With this movie we will show you how to use any page element in order to control the HTML5 MP3 Player.
Building a Custom HTML5 MP3 Player
With this movie we will show you how to build a custom MP3 Player for your page using the HTML5 MP3 Player.
Basic HTML5 MP3 Player with a Predefined Design
With this movie we will show you how to insert HTML5 MP3 Player on your page, using one of the predefined designs, included in the extension.
Animating Colors of your HTML Elements
With this movie we will show you how to use Advanced CSS Animator in order to animate the background color and text color CSS properties.
Creating a Fullscreen iPad Gallery with Animated Thumbnails
With this movie we will show you how to create a beautiful fullscreen gallery using Sliding Panels and Advanced CSS Animator.
Creating Thumbnail Preview Effect
With this movie we will show you how to create a nice thumbnails preview effect using Advanced CSS Animator.
Sliding Side Panel for your Website
With this movie we will show you how to create an animated side panel, that slides in and shows your content when clicked.
Using Universal CSS Navigation Menu as an Included File in DW Template
With this movie we will show you how to create a PHP based template using the Universal CSS Navigation Menu as an included file.
960 Grid System 2.0 New Features Overview
With this movie we will show you the new features included in our Free Dreamweaver 960 Grid System 2.0 extension.
Creating Dynamic CSS Image Gallery
In this movie we will show you how create a dynamic CSS Image Gallery so you can easily generate a gallery from a recordset with repeat region.
Creating Range Selector with DMXzone Slider
With this movie we will show you how to create a range selector using DMXzone Slider.
Show the DMXzone Slider Value into a Text Field
With this movie we will teach you how to show the DMXzone Slider value into a text field while dragging its handle.
Creating a Sliding Content Box with Advanced CSS Animator
With this movie we will show you how to create a sliding content box using Advanced CSS Animator.
Customizing the Universal CSS Navigation Menu Font
With this movie we will show you how to change the default Font Family and Size of Universal CSS Navigation Menu.
Basic Usage of DMXzone Timepicker
With this movie we will show you how to use the DMXzone Timepicker extension and the features packed in it.
Using DMXzone Timepicker with Dynamic Data
With this movie we will show you how to use DMXzone Timepicker with dynamic data.
Using a Redirect Page After Successful Validation
With this movie we will show you how to redirect users to another page after successful validation using DMXzone reCAPTCHA.
Keeping the Form Fields Data When a Wrong reCAPTCHA is Submitted
With this movie we will show you how to keep your form fields data if the form is submitted with wrong or empty DMXzone reCAPTCHA.
Using DMXzone PrintIt
With this movie we will show you how to use DMXzone PrintIt in order to print any DIV element on your page.
Creating Dynamic CSS3 Drop Shadows
With this movie we will show you how to create dynamic DMXzone CSS3 Drop Shadows using a Repeat Region.
Car Tires Presentation Showcase
For this showcase we used the Fish Eye Menu in order to showcase our product. When you hover the image it zooms and the title appears with more information about the product.
Surf School Online Booking demo
For this showcase we used DMXzone reCAPTCHA as a protection from spam of our online form.
Concept Car Gallery Showcase
For this showcase we used DMXzone Supersized in order to present the product images in full screen. When dragged, the DMXzone Slider changes the picture, which fades in/out with the help of Advanced CSS Animator. We ...
Pinned CSS Menu Showcase
For this showcase we used the pin option in order for our menu to be placed on the side of the page.
Yacht Service Showcase
In this showcase we used Universal CSS Navigation Menu, which was styled through the CSS to fit the page design.
Music Store Showcase
For this showcase we used Universal CSS Navigation Menu in order to create a Mega menu, which displays the products, divided into several rows and columns, and a separators to highlight the titles of the different ...
Tablets Overview Showcase
For this showcase we used Universal CSS Navigation Menu for the navigation and customized CSS Image Gallery in order to display the images for the tablets.
Project Gallery Showcase
If you wish to display the showcase on your mobile device, simply scan the QRcode or use this shorten URL - http://goo.gl/7RbGZ
HTML5 Slideshow with Customized CSS
In this showcase we use HTML5 Slideshow in order to create a slideshow on our page. By clicking on any button under the slideshow you can change the current slide. We have styled the default slides descriptions ...
Animator & Supersized Showcase
For this showcase we used div containers that contain text, being animated (Advanced CSS Animator) through the behavior connector. Also we use the DMXzone Supersized in order to use fullscreen images as background on ...
Responsive Admin Panel Showcase
For this showcase we used Advanced HTML Editor 3 and of the most famous CSS frameworks -Twitter Bootstrap. The editor and the menu are scaled according to a range of resolutions and devices to provide a consistent ...
Destination Availability Showcase
In this showcase we used CSS edited and customized Universal CSS Navigation Menu, DMXzone Lightbox that the images are opening in and DMXzone Google Maps that shows the hotel's location. The Ajax Datagrid displays the ...
Web Design Studio Showcase
For this showcase we used customized menu for the navigation (Universal CSS Navigation Menu) and Sliding Panels with custom buttons that navigate the panels through the Behavior connector.
Car Service Showcase
In this showcase we will show you how you can combine DMXzone Accordion, Universal CSS Navigation Menu and DMXzone Supersized in order to create an awesome Car Service website. For an amazing presentation we used ...
Online Shoes Store Showcase
In this showcase we will show you a detailed product page with amazing preview of images, created with the CSS Image Gallery and awesome site navigation from the Universal CSS Navigation Menu.
Watches Shop Showcase
Here, you can see how we combined DMXzone Tabs and Universal CSS Navigation Menu in a website showcase. Both the tabs and the menu are customized through the CSS to match the website design and in the tabs we added ...
Editing Page in iPad
For easy preview, use the following link: http://is.gd/7CNxtH
DMXzone Calendar 2 & Ajax Event Calendar Showcase
In this showcase you can see how easily you can bind the DMXzone Calendar 2 and Ajax Event Calendar through the Behavior Connector. Simply click on a date in the DMXzone Calendar 2, that is colored in red because of the ...
Holiday Reservation System
In this showcase website you can see how we implemented our DMXzone Calendar 2 into a reservation system for a hotel/villa. We added non selectable for pick up date with a CSS class that colors them. Additionally, the ...
Beach House Reservation demo
In this showcase you can see that the DMXzone Calendar 2 can be also used inline.
DMXzone Calendar 2 Showcase
In this showcase we show the main features of our DMXzone Calendar 2. Explore the many options that we've included into this amazing Dreamweaver extension in order to give you full control over its appearance, ...
Hotel Reservation Form Showcase
In this showcase we will show you how easy it is to use DMXzone Calendar 2 on a reservation form. Simply click on the desired dates and they'll be filled in in the field automatically. The unavailable dates are with CSS ...
Beach Hotel Showcase
In this showcase you can see the great website integration of our DMXzone Twitter Widget. We've set 'Twitter - Trip Advisor' as a header and included the reply, retweet and favorite functions. We've also used the ...
Finished Projects Showcase
In this showcase website you can see the CSS Image Gallery in action and show your projects in an amazing gallery.
Youtubizer Add-on Live Showcase
In this showcase you can test our latest addition of Add-ons to the Advanced HTML Editor 3, the free YouTubizer Add-on. All you need to do is click on the Youtube icon , search for an YouTube movie, place it in the ...
DMXzone Watermark Gallery
* Please, make sure that you do NOT upload inappropriate materials to the live showcases.
CSS Image Gallery & Lightbox 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 window.
Air Show Galleries Showcase
All CSS Image Galleries are nicely packed in a Sliding Billboard and open in a cool Lightbox.
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 we've used.
Advanced CSS Animator Showcase
This showcase shows a div that slides with the help of Advanced CSS Animator. Transparent images are used to add visual effects.
Sliding Menu Designs
In this showcase we've packed all the designs available in the Sliding Menu extension. If you still want to change any of them you can use the Dreamweaver CSS editor to make them fit your site design.
Famous Cities in the World Showcase
This showcase shows a div that slides with the help of Advanced CSS Animator. Transparent images are used to add visual effects.
Raindrops Showcase
In this showcase you can explore the random animations you can create using the Advanced CSS Animator.
Find Your True North Showcase
The showcase will show you how you can create your own compass with Advanced CSS Animator.
Random Slide In Thumbs Showcase
In this showcase we will show you the great random slide in animation for your photo thumbnails.
Random Animation Showcase
In this showcase we will show you the great random animation you can create. Also, you can animate anything from border colors and size, and make elements come from random places.
Animated CSS Image Gallery Showcase
In this showcase we will show you an example of a Slide In Gallery, which was designed with CSS Image Gallery and animated with Advanced CSS Animator.
Sliding Out CSS Menu Showcase
In this demo we will show you how to slide out the menu on move over.
Splash Showcase
In this demo we will show you how the bombs drop on click using the Advanced CSS Animator.
Colors Showcase
In this demo we will show you how the smilies glow in all colors on mouse over with the Advanced CSS Animator.
Popup Showcase
The showcase will show you how you can create your own compass with Advanced CSS Animator.
Drop In Showcase
The showcase shows you how easily you can create such Slide Out menu without using any Flash or coding! Each item is simply animated with the help of Advanced CSS Animator.
Slide Out Menu Showcase
In this showcase we will show you the great random slide in animation for you photo thumbnails.
Flames Gallery Showcase
In this showcase we've used the Advanced CSS Animator to animate each element in order to create a fantastic gallery with amazing effects.
Mega Menu Showcase
In this showcase we will show you an example of a mega menu with multiple rows and columns!
Side Slide Menu Showcase
The showcase shows you how easily you can create such Slide Out menu without using any Flash or coding! Each item is simply animated with the help of Advanced CSS Animator.
Sliding Site Showcase
In this showcase we've combined all the extensions included in the bundle. The site is designed in Sliding Panels with a Universal CSS Navigation Menu. The products open in a stylish Lightbox window and the Contact form ...
2010 FiFa World Cup South Africa Showcase
The showcase will show you all teams presented in CSS Image Gallery. Use your mouse to slide the panels from team to team.
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 positioning and other ...
Phone Specs Showcase
Another showcase of the Universal CSS Transforms: Flip, which shows an image with a text back.
iPad Gestures
Use your mouse to simulate iPad touchscreen gestures (click and drag) to control the Sliding Billboard.
Lightbox Gallery with Single Thumbnail
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 window.
Universal CSS Transforms: Translate Showcase
In this demo you can choose which object to translate as well as to set the animation duration and easing.
CSS Transforms - Skew
In this showcase you can choose which object to skew as well as to set the animation duration and easing.
CSS Transforms - Rotate
In this showcase you can choose which object to rotate as well as to set the animation duration and easing.
iHome Navigation
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.
Fan Art Showcase
In this showcase you can experience the power of Animated Thumbnail Gallery and all the effects you can add to your thumbnails. When clicked on a thumbnail, it explodes with amazing animation effects to full size ...
Wallpapers 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 window.
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 window.
Active Slideshow Pro Universal CSS Navigation Menu Showcases
The showcases show a great case how you can have a drop down menu even on top of a flash content
Universal CSS Navigation Menu Styles Overview
Right-click anywhere on the page and from the custom context menu (also build with Universal CSS Navigation Menu) choose a different style and/or layout. Click away from the context menu to close it.
Context Menu
Right click inside the gray border to preview the custom context menu. Meanwhile the default context menu is disabled on the page.
3 in 1
The showcase shows 3 different customizations for your Animated Thumbnail Gallery.
Switch View
If you want your users to switch view, that can easily be done with Animated Thumbnail Gallery.
Dynamic Animated Thumbnail Gallery
The showcase shows a gallery that contains dynamic content.
Rent-a-car Form Showcase
Choose Pick up and Return Locations, Location Type, Dates and Car Category in order to explore how we combined CSS Form Designer and Universal Form Validator.
Golf Club Showcase
The showcase shows Dynamic CSS Image Gallery, using File Genie ASP as a Data Source instead of a database recordset, combined through Behavior Connector with Flash MP3 Player.
Styles Showcase
View all 6 predefined styles you can choose from the CSS Form Designer
Top Slow Motion Movies Showcase
Click on the images below to see the video in a Lightbox window
DMXzone Extensions Tour Showcase
Experience the DMXzone Extensions Tour with our amazing DMXzone Lightbox first ever Canvas based Lightbox control!
Flowers Catalog Showcase
By clicking on a picture from the CSS Image Gallery a Spry Tab Panel opens automatically with a Spry Accordion containing information about it. Same happens when you choose a Spry Tab Pannel or one of the Spry ...
Metallica Discography Showcase
Go through the images and listen to the songs from each Metallica album.
City Guide Showcase
Explore some of the most beautiful cities in the World and enjoy the music that has been played when you go through the images. It shows a great combination of the CSS Image Gallery working together with Flash MP3 ...
Creative CSS Loading Animations
Today, Hugo Giraudel is going to do a lot of stuff with CSS animations. Indeed, he will talk about CSS loading animations. A few things before he starts: You won’t see any vendor prefixes in the CSS snippets, but ...
Building A Relationship Between CSS & JavaScript
jQuery, Prototype, Node.js, Backbone.js, Mustache and thousands of JavaScript microlibraries all combine into a single undeniable fact: JavaScript is popular. It’s so popular, in fact, that users often find ...
Learning Principles for Improving Your CSS
In this article Hugo Giraudel will mostly talk about his own experience. Remember that CSS is an extremely simple language. It can be summed up in 3 words: selector, property, value. Nothing more, really. This is why ...
Responsive CSS Timeline with 3D Effect
In this tutorial Mary Lou is going to experiment with perspective and use a radio input trick to create a fun css-only timeline-like structure. The idea is to show a teaser of an item and when clicking on the associated ...
Simple Effects for Drop-Down Lists
Today Mary Lou wants to share some simple drop-down list effects with you. The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with ...
Quickly Convert Objects to CSS Using Photoshop CS6.1
The latest build of Photoshop has some great new features that are sure to catch the attention of web designers. You can now convert a layer’s shape and style to CSS with a single click. In this article, Joshua ...
Building Icons With a Single HTML Element
With the arrival of ultra high definition screens (think Retina) new design challenges have arisen; you need to find ways to accommodate all devices. Take displaying icons for example. You could lean on serving images ...
Build a Basic Responsive Site with CSS
Everyone’s talking about responsive web design. But does everyone understand what it’s for? Jason Michael is not sure. Many web designers and developers seem to him to have misunderstood the problem ...
Click Events With CSS
One thing Hugo Giraudel has always been missing is the possibility to handle click events with CSS. Actually, some people think you shouldn’t have this option since interactions are more like a JavaScript kind of ...
How to Create a Sticky Note Using CSS
In this tutorial, you will learn how to create a sticky note for your website. The effect is built of five simple steps, the first step simply adds the text you want to use, as well as creating the square that in ...
How to Create a CSS Drop Down Menu
It used to be that if you wanted to create a drop down menu then you needed to use a lot of background images as well as complicated Javascript. Today however all of that is a thing from the past. In this tutorial the ...
Putting CSS Clip to Work: Expanding Overlay Effect
The previous article, Understanding the CSS Clip Property by Hugo Giraudel offers a great overview of the CSS clip property and the rect() function. Today Mary Lou wants to explore the practical side of it a little bit ...