[Pro] Announcing Backdraft 1.5!

Freeway
1

Fellow Freeway users,

I’m incredibly excited to announce the release of the next version of Backdraft: Backdraft 1.5. When I started work on this update I wrote a list of the main pressure-points and requested features, and this update is a full response to the vast majority of them. The workflow improvement is huge; making responsive websites easier and faster to create than ever before. I also had the pleasure of collaborating with some of the best guys in our community: thanks to Walter and Tim Plumb for all your efforts and ideas!

What’s new? A lot. We’ve moved the behind-the-scenes stuff into a folder action, a new page action allows you to modify the responsive CSS in your favorite editor, and there is now a Backdraft Video action that allows for easier embedding of YouTube, Vimeo, and Dailymotion videos. Thanks to Tim Plumb for his work developing and designing these actions. If you need any actions developed, I highly recommend him.

One of my favorite additions is the new Responsive CSS Menu action and companion module. This enables you to create those sweet dropdown “hamburger” navigations on mobile devices without code duplication or jumping through JavaScript hoops. Kudo’s to Walter for his excellent work on the action, he is jaw-droppingly awesome. If you haven’t purchased Backdraft, don’t worry, Walter will stick this action on The Forge later today for free!

But that is not all, please welcome the new Five Column and Six Column modules!

Are we done yet? Not quite. Backdraft has a shiny new website (yep, created with Backdraft 1.5) and an equally new documentation portal, where you can find the full change log.

You can download the demo & purchase Backdraft 1.5 here.

If you’ve already purchased Backdraft, you should have received an email with news of the update and your new download link. If not, check your spam folder then let me know ASAP.

Thanks again to Walter Davis, Tim Plumb, and all the superb beta testers who donated their time and energy toward this effort.

Most of all though, thanks to all my wonderful customers; without you this project wouldn’t be possible.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

http://actionsforge.com/actions/view/314-responsive-css-menu

Walter

On Mar 11, 2014, at 12:20 PM, Caleb Grove wrote:

If you haven’t purchased Backdraft, don’t worry, Walter will stick this action on The Forge later today for free!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Responsive CSS Menu - ActionsForge

Thanks Walter!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Excellent news.

Having just started using Backdraft I can recommend it wholeheartedly to those not yet using it.

Looking forward to taking 1.5 for a spin later in the week and seeing where I can get lost!

Thanks Caleb.

regards
Trev

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

You are putting us old farts to shame Caleb - great job!

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Wow, thanks caleb, walter and tim,
Made a quick look this sfternoon and it all looks great!
Thank you for all your efford and hard work.

Erik

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Caleb (Walter and Tim) this is a truly amazing piece of work that clearly took a huge amount of time and effort. It leaves the more humble of us in awe of your ability and dedication to Freeway and its users.

I know I must speak for many when I offer a (quite inadequate) “Thank you” to you all for such a brilliant tool for us all to benefit from.

Whilst I’m at it, there are a handful of others who contribute to FT on a daily basis. I don’t know when you get time to eat and sleep, but like many others I am indebted to you for your help and assistance.

A massive thank you to you all.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

Well said - A fab piece of kit for sure! I have already created several websites with it - its fantastic!

1.5 v cool!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

I too,along with David Smerdon, would like to put my hands together and applaud each and every one who post on FT and to Caleb,Walter and Tim for outstanding dedication and resolve.

Well done to you all and a huge thanks too !!!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

Looking better and better Caleb. Great work!

I would also like to thank Caleb for helping me out and to understand Responsive web design more.
A fantastic product and would highly recommend.

Thanks Caleb.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

11

Thanks all for the recommendations and the thanks! This thread has made my day. :smiley:

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

12

I just popped on here to see if anyone knew how to create 5 and 6 column modules and you’ve beaten me to it!!

The updated Backdraft site is looking good - especially the example site on the bottom left side! :wink:

Thanks for featuring the site and I will get around to writing a glowing testimonial on just how fantastic Backdraft is.

Going to download the new version right now!

Thank you thank you thank you!!!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

13

Loving the update to Backdraft!

Quick query though:

I want to create a navigation bar similar to the one created by Justin Easthall - http://www.easthalldesign.com

However I’m struggling to get my logo to line up with nav buttons and also keep the button in a line until it jumps to the mobile nav.

Any ideas?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

14

Excuse my ignorance but What is the ‘Hamburger’ navigation, I have just installed 1.5 and playing around with the css menu - hamburger is selected but nothing hamburgery is happening - I see above it mentions for mobile devices so will publish and take a look.

Also, with the responsive css can i make the hover rollover with curve lozenger style corners or is it straight only (this is what i thought was the hamburger effect!)

I am brand new to Backdraft and still working my way around tutorials so sorry if my questions sound a tad dumb!

cheers
steve

thanks
Steve

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

15

This. Upgrade. Is. Awesome.

Wow Caleb (et al) … this is a another big step forward for FreewayPro and it’s users. This, together with the awaiting Inlay CMS for FreewayPro, already are the 2 most important developments for Freeway in years.

Really great work!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

16

Shaun

However I’m struggling to get my logo to line up with nav buttons and also keep the button in a line until it jumps to the mobile nav.

Which header module are you wanting to use? The directions will differ for each of them.

Steve

Excuse my ignorance but what is the ‘Hamburger’ navigation…

It will change from a horizontal menu layout to a vertical layout hidden behind a “hamburger” button. Clicking on the button will reveal the menu. You will only see this at sub-570px sizes.

Also, with the responsive css can i make the hover rollover with curve lozenger style corners or is it straight only (this is what i thought was the hamburger effect!)

While there’s no UI to do this, it’s easy to add via a lil’ bit o’ CSS. This CSS should work for the Responsive CSS Menu action, add it to Page > HTML Markup… > Before </head>:

<style type="text/css">
.responsive-menu li:hover {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
</style>

You will probably need to adjust the pixel value until it looks right. If you want the rounded corners on the non-hover state as well, just remove the :hover part.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

17

Hi Caleb

I’m using the responsive css header.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

18

Shaun,

I’ll send you an example file off-list. :slight_smile:

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options