# \[Pro\] Responsive Website Design?

**URL:** <https://discourse.softpress.com/t/pro-responsive-website-design/16221>\
**Category:** Off Topic\
**Created:** [January 30, 2013, 6:51pm UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221 "2013-01-30T18:51:24Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![RavenManiac](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/r/91b2a8/32.png) [@RavenManiac](https://discourse.softpress.com/u/RavenManiac)\
**Post date:** [January 30, 2013, 6:51pm UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/1 "2013-01-30T18:51:24Z")

</div>

I just picked up a new client who owns a pizza place. He’s looking for a website that’ll be viewable on desktops computers as well as i devices. This sounds like it would be a perfect application for a responsive website design.

Have any Freeway Pro forum members built a responsive website for a restaurant? I really don’t know where to begin in terms of the construction.

Thanks!

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Ernie\_Simpson](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/e/a587f6/32.png) [@Ernie\_Simpson](https://discourse.softpress.com/u/Ernie_Simpson)\
**Post date:** [January 30, 2013, 7:20pm UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/2 "2013-01-30T19:20:41Z")

</div>

Smarter folk may have better ideas, but for me inline construction is  
mandatory in Freeway Pro.

In theory, you should begin with mobile design and work up from there,  
though I have yet to make that work for me yet.

For the last two responsive sites that I built with Freeway Pro, I started  
by using and dissecting this tool… [http://app.responsify.it](http://app.responsify.it)

Combined that with some evolution on my part making inline Freeway sites to  
move forward.

I’m still using Coda 2 to develop and dissect code, as well as Safari’s now  
essential-to-my-toolbox Developers Tools… especially the Inspect Element  
window - which, if you didn’t know, not only hi-lites elements and trace  
css cascades - but let’s you ADD AND ALTER HTML AND CSS ATTRIBUTES!!!

I’m now living in a world of instant feedback.

–  
Ernie Simpson

On Wed, Jan 30, 2013 at 1:51 PM, RavenManiac [email@hidden](mailto:email@hidden) wrote:

> I just picked up a new client who owns a pizza place. He’s looking for a  
> website that’ll be viewable on desktops computers as well as i devices.  
> This sounds like it would be a perfect application for a responsive website  
> design.
> 
> Have any Freeway Pro forum members built a responsive website for a  
> restaurant? I really don’t know where to begin in terms of the construction.
> 
> Thanks!
> 
> * * *
> 
> offtopic mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![RavenManiac](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/r/91b2a8/32.png) [@RavenManiac](https://discourse.softpress.com/u/RavenManiac)\
**Post date:** [January 30, 2013, 9:49pm UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/3 "2013-01-30T21:49:50Z")

</div>

> On 30 Jan 2013, 6:20 pm, The Big Erns wrote:
> 
> I’m still using Coda 2 to develop and dissect code, as well as Safari’s now  
> essential-to-my-toolbox Developers Tools… especially the Inspect Element  
> window - which, if you didn’t know, not only hi-lites elements and trace  
> css cascades - but let’s you ADD AND ALTER HTML AND CSS ATTRIBUTES!!!

Is there a tutorial on Safari Developer Tools?

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Tim3](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/t/f14d63/32.png) [@Tim3](https://discourse.softpress.com/u/Tim3)\
**Post date:** [January 30, 2013, 10:20pm UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/4 "2013-01-30T22:20:28Z")

</div>

I wrote this brief guide for the Softpress knowledge base a few years ago although it should still be pretty much valid;  
[http://d.pr/pNpk](http://d.pr/pNpk)

Check out the official Apple docs linked at the foot of the page too.  
Regards,  
Tim.

On 30 Jan 2013, at 21:49, RavenManiac wrote:

> Is there a tutorial on Safari Developer Tools?

* * *

[FreewayActions.com](http://FreewayActions.com) - Freeware and commercial Actions for Freeway Express & Pro - [http://www.freewayactions.com](http://www.freewayactions.com)

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![seoras](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/9de053/32.png) [@seoras](https://discourse.softpress.com/u/seoras)\
**Post date:** [January 30, 2013, 10:24pm UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/5 "2013-01-30T22:24:12Z")

</div>

Just throwing this in as a possibility but the template that comes with Pulse cms is responsive I believe. Might be worth looking at as a starting point.

s

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Helveticus](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/h/eada6e/32.png) [@Helveticus](https://discourse.softpress.com/u/Helveticus)\
**Post date:** [January 30, 2013, 10:33pm UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/6 "2013-01-30T22:33:50Z")

</div>

> Just throwing this in as a possibility but the template that comes with Pulse cms is responsive I believe. Might be worth looking at as a starting point.

Was about to say the same thing.

We have built a few responsive sites but it was all manual coding. You will need to have fairly good understanding of the box model process to do it in FW plus a good dose of CSS knowledge.

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![RavenManiac](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/r/91b2a8/32.png) [@RavenManiac](https://discourse.softpress.com/u/RavenManiac)\
**Post date:** [January 31, 2013, 5:45am UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/7 "2013-01-31T05:45:54Z")

</div>

Thanks guys. Unfortunately, my knowledge of CSS is somewhat limited. Maybe I’ll get lucky and it’ll be built into FWP 6.

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![RavenManiac](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/r/91b2a8/32.png) [@RavenManiac](https://discourse.softpress.com/u/RavenManiac)\
**Post date:** [January 31, 2013, 5:46am UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/8 "2013-01-31T05:46:33Z")

</div>

> On 30 Jan 2013, 9:20 pm, Tim Plumb wrote:
> 
> I wrote this brief guide for the Softpress knowledge base a few years ago although it should still be pretty much valid;  
> [http://d.pr/pNpk](http://d.pr/pNpk)
> 
> Check out the official Apple docs linked at the foot of the page too.  
> Regards,  
> Tim.

Thanks Tim!

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Stu\_Nonfacture](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/e79b87/32.png) [@Stu\_Nonfacture](https://discourse.softpress.com/u/Stu_Nonfacture)\
**Post date:** [January 31, 2013, 8:48am UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/9 "2013-01-31T08:48:23Z")

</div>

Use Skelton grid  
As its the best on freeway

Sent from my iPhone

On 30 Jan 2013, at 18:51, “RavenManiac” [email@hidden](mailto:email@hidden) wrote:

> I just picked up a new client who owns a pizza place. He’s looking for a website that’ll be viewable on desktops computers as well as i devices. This sounds like it would be a perfect application for a responsive website design.
> 
> Have any Freeway Pro forum members built a responsive website for a restaurant? I really don’t know where to begin in terms of the construction.
> 
> Thanks!
> 
> * * *
> 
> offtopic mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Ernie\_Simpson](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/e/a587f6/32.png) [@Ernie\_Simpson](https://discourse.softpress.com/u/Ernie_Simpson)\
**Post date:** [January 31, 2013, 12:57pm UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/10 "2013-01-31T12:57:55Z")

</div>

Stu, do you have any examples of Freeway sites built with Skeleton you can  
point to?

–  
Ernie Simpson

On Thu, Jan 31, 2013 at 3:48 AM, Stu :: Nonfacture [email@hidden](mailto:email@hidden)wrote:

> Use Skelton grid  
> As its the best on freeway
> 
> Sent from my iPhone
> 
> On 30 Jan 2013, at 18:51, “RavenManiac” [email@hidden](mailto:email@hidden) wrote:
> 
> > I just picked up a new client who owns a pizza place. He’s looking for a  
> > website that’ll be viewable on desktops computers as well as i devices.  
> > This sounds like it would be a perfect application for a responsive website  
> > design.
> > 
> > Have any Freeway Pro forum members built a responsive website for a  
> > restaurant? I really don’t know where to begin in terms of the construction.
> > 
> > Thanks!
> > 
> > * * *
> > 
> > offtopic mailing list  
> > email@hidden  
> > Update your subscriptions at:  
> > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> 
> * * *
> 
> offtopic mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Helveticus](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/h/eada6e/32.png) [@Helveticus](https://discourse.softpress.com/u/Helveticus)\
**Post date:** [February 4, 2013, 12:18am UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/11 "2013-02-04T00:18:47Z")

</div>

Looking at implementing Skeleton on FW6 and it looks like it’s going to be a massive task manually entering the CSS. No way of importing a .ccs file. FW6’s CSS inputs are still scattered over numerous input windows and extended fields. I was really hoping to see a modern CSS editor in FW6.

Marcel

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Todd1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/t/838e76/32.png) [@Todd1](https://discourse.softpress.com/u/Todd1)\
**Post date:** [February 4, 2013, 12:33am UTC](https://discourse.softpress.com/t/pro-responsive-website-design/16221/12 "2013-02-04T00:33:39Z")

</div>

Instead of bringing the styles into FW couldn’t you call the Skeleton CSS as an external file by adding a call in the head tag after the default FW CSS files?

```auto
<link rel="stylesheet" type="text/css" media="screen" href="css/skeleton.css" />

```

Todd  
[http://xiiro.com](http://xiiro.com)

* * *

offtopic mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
