Back to Top
The nuts and bolts for
Creative web development
Only show results for:
Sneak Preview of Our Upcoming Halloween Template
A day before Halloween we'll give you a sneak preview of our upcoming template that will feature DMXzone Responsive Text and other DMXzone extensions. It's completely responsive so you can use it on any device and ...
Feature Destinations Showcase
For this showcase we used the DMXzone Supersized for the background image, DMXzone Responsive Text in order to create both text lines scalable, and DMXzone CSS3 Drop Shadows for the content shadow.
Responsive Portfolio Showcase
For this showcase we used the DMXzone Responsive Text extension so you can explore it on any desktop resolution as well as on various devices.
Property For Sale Showcase
For this showcase we used the Universal Responsive Design Template. The CSS customized Universal CSS Navigation Menu serves as a website navigation through the pages and has curved shadow added with the DMXzone CSS3 ...
Responsive Mobile Device Template Showcase
For this showcase page, we supplied the HTML5 Slideshow with awesome images that have title and description, added a DMXzone Google Maps for the office location and customized the CSS of the Universal CSS Navigation ...
Responsive Interior Design Layout Showcase
The showcase features 2 DMXzone extensions - the DMXzone Supersized, which is used for the full screen background and the customized Universal CSS Navigation Menu for the site navigation.
Interior Design Studio Showcase
For this showcase we animated (Advanced CSS Animator) a panel that slides out upon click on the customize button. It contains colorpickers for all 3 boxes that change their background and font colors (DMXzone ...
Responsive Sliding Billboard
If you wish to display the showcase on your mobile device, simply scan the QRcode or use this shorten URL -http://goo.gl/pDs3n
HTML5 Slideshow Responsive Showcase
In this showcase we used our HTML5 Slideshow extension to create a responsive slider. Now it adapts to fit your computer or device screen size.
Responsive Design Showcase
The demo is created in Dreamweaver CS6 Fluid Grid feature for the layout and DMXzone Universal CSS Navigation menu for the navigation. You can explore its responsive design in the browser as well as different devices.
Interior Design Studio Showcase
With the DMXzone Supersized we created an awesome fullscreen background slideshow that will convey the right message better than any text with its amazing images!
Comparing Adaptive and Responsive Layouts
A responsive layout is in theory always better than an adaptive layout, but in some cases an adaptive layout is a more pragmatic solution. An adaptive layout will give you more control over the design because you only ...
Responsive Sliding Panels Bikes Showcase
For this showcase we created a responsive bikes catalog with the Sliding Panels extension, which is greatly displayed on any mobile device as well as on a desktop browser. On mobile devices, when the navigation bar does ...
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 ...
How Fluid Grids Work in Responsive Web Design
Responsive design is the process of arranging the layout in a way that all the important information is presented in a user readable way in any kind of device or screen size. Most designers will choose a grid based ...
Responsive & Touch-Friendly Audio Player
The <audio> elements have events, methods and properties, which means it can be manipulated using JavaScript. Experimenting is nice, but all of this would be worthless without practical use. Despite the fact that ...
Insert Off-Canvas Navigation For A Responsive Website
In this article, David Bushell will be walking through a build demo that centers on two topics. The first is responsive design patterns that embrace the viewport and that improve content discoverability beyond the basic ...
UI Design Guidelines for Responsive Design
The web development community has come up with endless solutions, best practices, and tools for coding a responsive design with ease. While the vast majority of websites can be made responsive now, it’s time to ...
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 ...
Logical Breakpoints For Your Responsive Design
There are several tactics for deciding where to put breakpoints in a responsive design. There is the rusty idea that they should be based on common screen sizes, but this doesn’t scale well. There are no common ...
Build Responsive Emails
In this tutorial Elliot Ross will look at bringing some of the web’s mobile techniques to HTML email. User take-up of mobile email is massive: some email campaigns get more mobile opens than desktop, yet many ...