Explore the Blog

Off Canvas Push Menu with Bootstrap 3 and Animator

In our weekly design inspiration we'll show you an amazing off canvas push menu that we created using DMXzone extensions. In order to build the page we used DMXzone Bootstrap 3 Collection, which features DMXzone Bootstrap 3 for the layout, DMXzone Bootstrap 3 Elements for the content and the Bootstrap 3 Navigation for the stacked navigation. Using the Advanced CSS Animator we animated the position of the menu and the content so check out the showcase below.

Design Inspiration that You Need Today

For today's showcase we created a fully responsive page to look amazing on desktop browsers as well as mobile browsers. The CSS Image Gallery 2 theme has been customized through the CSS to match the design and uses thumbnails on hoover. Additionally, you can enjoy the minimalistic scrollbar which appears on hover in the thumbnails list for quick and easy navigation. You can scroll by swiping with the mouse in the browser or finger touch and swipe when using an iPad, iPhone or other touch device.

Until Wednesday, CSS Image Gallery 2  is on sale with discount. If you already own our previous version (CSS Image Gallery) additional discount will be calculated in your shopping cart so get it now. 

Enhance your Website with a Stunning CSS Image Gallery

In today's showcase we build an awesome page with CSS Image Gallery 2 in it in order to present the beautiful images of the estate. It's fully responsive and looks amazing on desktop and mobile browsers where you can even use gestures. We used the default design but you can customize it anyway you want through the CSS. Last but not least the thumbnails are set to appear on hoover.

Until next Wednesday, CSS Image Gallery 2  is on sale with discount. If you already own our previous version (CSS Image Gallery) additional discount will be calculated in your shopping cart so get it now. 

Design Inspiration that You Need Today

While still on sale, we used DMXzone Bootstrap 3 Elements and Navigation for our next portion of design inspiration for your projects. In today's showcase we used DMXzone Bootswatch Yeti theme for this fully responsive page, which we built with DMXzone Bootstrap 3, Elements and Navigation. Additionally, we used the amazing DMXzone Font Awesome for the icons and HTML5 Animate CSS for the beautiful animation that loads on 40% visibility.

Custom Controlled Nivo Slider 3 and Awesome Animation

Do you need more ideas on how to implement our latest extension DMXzone Nivo Slider 3? In our latest showcase we used DMXzone Bootstrap 3, Elements and Navigation to create the responsive design, page content and navigation menu. The site features a responsive DMXzone Nivo Slider 3 with custom controls which are easy to create with the help of prev/next control behaviors. Additionally, animation is applied on 40% visibility with HTML5 Animate CSS for the most awesome effects, accompanied by the iconic font designed for Bootstrap - DMXzone Font Awesome.

Don't forget that DMXzone Nivo Slider 3 is on sale for only two more days so hurry up. If you already own our previous version (DMXzone Nivo Slider) additional discount will be calculated in your shopping cart.

Extended Bootstrap 3 Collection on the Web

For this awesome Food blog showcase we used the Extended Bootstrap 3 Collection which features DMXzone Bootstrap 3 to help you create a fully responsive page layout, Elements and Navigation for the page content and menu and also HTML5 Animate CSS for the beautiful onscroll animations. Additionally, we used one of the free themes included in DMXzone Bootswatch along with the iconic font, designed for Bootstrap - the DMXzone Font Awesome.

Great Looking Images in a Modal Stylish Popup

In order to save space on your pages you often use small previews which are hard to see it a small size. Using DMXzone Bootstrap 3 and Elements we created a showcase page that offers larger preview of the tiny images, which opens in a great looking modal stylish popup with the help of our favorite DMXzone Lightbox. We used the minimalistic style for the lightbox but there's a wide range of fully customizable design presets, with great round corners, all drawn in real time with canvas, to choose from and match your site design.

Showcase: Animated Info Panel

Last week we showed you how to animate a menu button and today we have an awesome showcase that will present you an animated (using Advanced CSS Animator) info panel which apprear/hides on click. In order to create this page we used Bootstrap 3 Collection and its tools for the page layout, content and navigation.

Currently, DMXzone Bootstrap 3 Elements and DMXzone Bootstrap 3 Navigation are on sale for two more days so hurry up if you still don't have them. 

Design Recipe: Mix Bootstrap 3 Collection and Animator

With the improved Bootstrap 3 family we continue to show you what you can do with these great tools. In today's showcase we used Bootstrap 3 Collection and the Advanced CSS Animator in order to create a beautiful page with animated show menu button which opens a vertical navigation with stacked nav inside on mouse click in the left sidebar.

Until next Wednesday you can get DMXzone Bootstrap 3 Elements and DMXzone Bootstrap 3 Navigation cheaper because they're on sale! All DMXzone Bootstrap extensions are also packed in the Bootstrap 3 Collection for additional discount.

Change Colors with Stunning Animation

Just a day before the official release of DMXzone Bootstrap 3.2.0, we have another awesome usage of DMXzone extensions to show you. For this showcase we designed an awesome car configuration page where we used HTML5 Data Bindings and DMXzone Database Connector PHP/ASP to connect to our database where our images are stored. Also we used DMXzone Bootstrap 3, Elements and Navigation for the great page layout, content and navigation. Last but not least the car color changes with the help of HTML5 Animate CSS and its fade in effect.