Back to Top
The nuts and bolts for
Creative web development

Animated Repeat Region with HMTL5 Animate CSS

“Create featured items page with HTML5 Animate CSS”

For today's showcase we used various DMXzone extension to create a featured items page for a fashion store. In order to do that we used HTML5 Data Bindings and DMXzone Database Connector PHP/ASP to connect to our database, which contains the images. We then animated the repeat region and also the page navigation menu with HTML5 Animate CSS so that the animation is triggered on page load. Additionally on the bottom we put a randomize button, which when clicked reloads the animation.

Showcases


Fashion Store Featured Items Showcase

For this showcase we used DMXzone Database Connector and HTML5 Data Bindings to connect to our database and animated the repeat region. We also animated the navigation menu on page load and added a randomize products button that reload the animation.

Blog Posts



What You Missed This Week

Our weekly content summary

In our weekly content summary we gathered all blog posts, showcases, videos and updates we released during the last five days. It includes demo pages, created with our latest release - HTML5 Animate CSS as well as video tutorial on how to work with our newly updated Google Sitemap Generator 2, which is already compatible with Dreamweaver CC. Below, you can check out the full list of content.

Read More

Extensions


HTML5 Animate CSS
Just-add-water CSS animations
HTML5 Data Bindings
Connect to your data
DMXzone Database Connector PHP
Connect to your database
DMXzone Database Connector ASP
Connect to your database

Share this Article