Dripbook releases three new responsive HTML5 designs for exported websites - the Left Select, the FilmGrid Slider, and the Key Slider.
Posted on 22nd February 2013 by Alex Wright

We are proud to announce three new designs for exported websites that use responsive HTML5 technology instead of Flash. Just two months ago - in December 2012 - we released our first two designs for exported websites using responsive HTML5 technology . We're still hard at work cranking out new responsive HTML5 designs and today we're happy to release three more. These new designs are optimized for all screens - laptops, iPads, iPhones, Android phones, and large desktop monitors.

Dripbook's new responsive HTML5 website designs

These new designs offer the following features :

• All HTML5 - no Flash, no plugins needed
• Full bleed Splash images plus large display for images and video
• Disabled righ-click for viewer to save or copy images
• Responsive design means the website shrinks to fit on iPads and iPhones, expands to fit large monitors
• Responsive design means navigation automatically adapts to work on iPhones and Android phones
• No mobile re-directs - all links work on all devices
• Deep linking of URL web address - send links to individual genres or portfolios
• Sharing enabled for individual images on individual portfolios - share to Facebook, Twitter, Pinterest, Tumblr, Linkedin + Email
• Track individual views in real time with Google Analytics
• Use a custom logo with transparent background to display over images
• Use custom Google fonts
• Use the computer's keyboard arrows to advance images (for designs like the Left Select where images can progress next and back)

Okay, so what do these new designs look like

The Left Select (HTML5) design :

Responsive HTML5 design optimized for desktop, tablet and mobile. Navigation is a column to the left. Portfolio images are presented with next + back selections. Thumbnails can be toggled by the viewer.

For an example of the Left Select (HTML5) design,
see Mark Mawson Photography :

Mark Mawson Photography

The FilmGrid Slider (HTML5) design :

Responsive HTML5 design optimized for desktop, tablet and mobile. Genres open to a full page presented with all the portfolios "open" showing a wide range of work right away. Portfolio images are presented with a slider.

For an example of the Film Grid (HTML5) design,
see Theresa Raffetto Photography :

Theresa Raffetto Photography

The Key Slider (HTML5) design :

Responsive HTML5 design optimized for desktop, tablet and mobile. Genres are presented visually using the portfolio's key image. Portfolio images are presented with a slider.

For an example of the Key Slider (HTML5) design,
see Mario Sughi Illustration :

Mario Sughi Illustration

Looking for even more examples? Here's examples of all of Dripbook's website designs.

These new responsive HTML5 designs are built for modern browsers, so they won't work in older browsers like Internet Explorer 8. You are welcome to continue using the previous Flash designs - it's up to you.

Now let's get on to the funner part - how do you use these new designs?

Head to QuickNav > Export > Exported Websites, choose one of the designs, configure it, and export your new design to your web host.

Here are some important details when thinking about using the new designs:

• We highly recommend creating and uploading a custom logo with a transparent background. Check this FAQ with detailed instructions.

• Dripbook's new designs operate best with larger images. We are now asking that you upload images at least 2,000px high. Smaller images will work but may not look as good.

• Dripbook's new designs work best with high definition video - We are continuing to ask that you upload video at 720p or 1080p.

• Dripbook's new designs use larger Splash images and work ideally with Splash page images of a horizontal aspect ratio. We suggest that you upload Splash images from 3,500px wide by 2,000 px high to 3,000px wide by 2,000 px high. You are free to try any sizes you'd like.

Let us know if you have any questions.

Comments

av
From: Jonathan Wilson , February 22nd, 2013 : 12:33a.m. UTC
These look great!
av
From: Mario Sughi , February 25th, 2013 : 05:56p.m. UTC
they are super indeed, and extremely versitile! great great pleasure indeed!!!!
av
From: Paul Eng , February 25th, 2013 : 07:01p.m. UTC
would be great if you guys could include a create pdf function for art buyers or photo editors to create their own pdf of selected portfolio pieces.
av
From: Paul Eng , February 25th, 2013 : 07:03p.m. UTC
Also you're left select HTML5 bleeds off the top of the images on the browser, that needs a fix.
av
From: Alex Wright , February 25th, 2013 : 08:44p.m. UTC
Thanks Jonathan + Mario. Paul - Thanks for the comments. We are going to continue developing more HMLT5 technology in the coming months and continue expanding the searchable Dripbook index. Who knows, we may fold PDF download into our future plans. In terms of image bleeding - that's not an issue but a feature as far as I can tell from your comments. If you have further questions, feel free to send an email to support @ dripbook . com.
av
From: Alex Wright , February 26th, 2013 : 11:18p.m. UTC
Thanks Karen. It's not irrational at all, at least from our irrationally excited point of view!
av
From: Ryan Aylsworth , February 26th, 2013 : 11:24p.m. UTC
Love you guys! STOKED ON HTML5
av
From: bob scott , March 5th, 2013 : 08:18p.m. UTC
Love it Alex.