[Pro] Not quite ready yet

Here is something I’ve been working on - a box model or inline layout. I meant just to take a version of the standard template I’d developed for myself, but then I started to get cute with graphics and what not.

I’m not finished with it yet and I have some other commitments to pursue, but I wanted to post this working link to begin the comment process.

http://cssway.thebigerns.com/products/ruled-template/


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

Nice. Ive mastered the box model but realise this aint aimed at me BUT … if you could make it ‘responsive’ that would be ace! These guys did it for a wyswyg application… http://joeworkman.net/rapidweaver/stacks/responsive-layout/demo/

I know I keep banging on about this!!! Sorry. Cheers.


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

I think some parts are already “fluid” so Ernie is on the responsive way.

I made my thoughts about it, too. However I stumbled on a lot of problems within the Freeway-construction. So it is just 75% Freeway-made http://www.kimmich-dm.de/templates/liquid/index.html

As quick tipp:

Think about the width of your divs and change them from static (px) to dynamic (percentage). This is the first step to build a responsive design.

Cheers

Thomas


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

Yep Thomas - I see that - but its still not truly ‘response’ - things like NAVs becoming drop downs after a certain width, fluid images, proportional/fluid text, certain divs visible/not visible depending on media, Divs break at certain points etc etc…

http://wp.themecss.com/switcher/?theme=Core


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

Oh and yes I did see you example months ago - very nice.


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

Yes, but depending on the design/layout and how it functions on different devices it might also be possible that not every element needs to resize etc. It’s like fixing something that isn’t broken. Responsive design is great but I think it’s important to also consider each design element and determine if it in fact needs to be responsive. Sometimes it’s like using a sledgehammer to swat a fly, effective but unnecessary.

Todd
http://xiiro.com

Yep Thomas - I see that - but its still not truly ‘response’


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

Agreed - but I still would love a responsive template in Freeway! just divs that split at certain widths would do me!


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

A responsive example, maybe. But I’m not convinced about a responsive
template yet. Making things as an example and making them consumable seem
to be two quite different things.


Ernie Simpson

On Wed, Nov 14, 2012 at 3:00 PM, Justin Easthall email@hidden wrote:

Agreed - but I still would love a responsive template in Freeway! just
divs that split at certain widths would do me!


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

still not truly ‘response’

… not sure what is meant by this.

things like NAVs becoming drop downs after a certain width

… is only one of a couple of different possibilities available. I have no nav on this page cause I haven’t found a concept yet.

fluid images

all images are 100% fluid.

proportional/fluid text,

OK - this might be solved using em instead of px - but it’s more concept, not basics.

certain divs visible/not visible depending on media,

so you exclude iPhone users from watching entire content?

Why not - this is one of different concepts as well. Display: none as attribute is not a big deal to inject.

Divs break at certain points etc etc…

Sidebar is pushed below the articles, sidebubbles will be integrated at certain breakpoints, even entire page-widths are following the devices-width.

… so why the heck is all this not responsive?

Don’t mix concepts with personal wishes.

This might making a “Template” anyway extremely difficult.

Cheers

Thomas


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

What you on about Thomas? Of course theres hundreds of ways to skin a cat - I’m just saying that just because a page is set to percentages doesn’t make it ‘response’ in modern terms.

Try and sell a website to a client thats requested a responsive website and deliver a website that just percentages and wraps - and tell them its responsive - good luck with that…

And yes keep a lot of content off any small handheld device.

And no - none of the images used are fluid. They don’t grow or shrink proportionally to the surrounding areas they stay at 100%. Nor does the fonts.

Heres one - the client wants a flash video, on the desktop but only a picture when used on iOS. A responsive website will respond to the media… in hundreds of ways.

And so on.


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

… on my example - Ernie’s is not ready yet :slight_smile:

I never said that simply percentage is making a page responsive, all I said is, that percentage width is the primary key to build one and a good point to start.

A high-level designer (and you are for sure one of them), shouldn’t ask for any template - build your own - such as Ernie does. I expect this from you, cause you are one of the few that has the knowledge to do.

And Ernie is making his “responsive thoughts” during the designing process as well - I’m sure. Go on man - cool stuff as ever - looking forward on the final pixel.

Cheers

Thomas


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

Responsive may be more of a method than a template, simply as it would be likely that anything user-added would break the responsive-ness of it. I’d settle for tutorials, like how to plan for a navigation menu to break down, or content arrangements to reflow. Working with Wordpress I’ve found how ‘easy’ it is to break someone else’s responsive layout. In FWP the odds would be even greater.

For now, exposure to inline layouts may be good enough as those of us having mastered it may simply be those of us with the patience for it, and it seems a necessary step to move the majority forward. Besides, I doubt the pros at Softpress are ready to unleash a responsive version of Freeway, but I am hoping for better (read easier) inline construction tools so there may be more of us to take these next steps. As usual, our community will lead the way.


Ernie Simpson

On Nov 15, 2012, at 3:10 AM, “Thomas Kimmich” email@hidden wrote:

… on my example - Ernie’s is not ready yet :slight_smile:

I never said that simply percentage is making a page responsive, all I said is, that percentage width is the primary key to build one and a good point to start.

A high-level designer (and you are for sure one of them), shouldn’t ask for any template - build your own - such as Ernie does. I expect this from you, cause you are one of the few that has the knowledge to do.

And Ernie is making his “responsive thoughts” during the designing process as well - I’m sure. Go on man - cool stuff as ever - looking forward on the final pixel.

Cheers

Thomas


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


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

Its just frustrating that everyone else is enjoying working with responsive templates except us!


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

I don’t think a responsive Freeway template could ever be that magic bullet to solve everything. At best a starting point which would then depend very much on the skills of the designer (which is the issue with all Freeway templates). I would say they are very good for beginners learning how things are put together on the proviso they are willing to learn CSS.

Many exponents of responsive design are thinking about mobile first then larger screen sizes “after” that. But more importantly the content must come first and not the whizz bang features for the sake of.

Another example is
http://responsivewebdesign.com/robot/ from the book Responsive web design.

Freeway CSS media Queries Template
http://www.ineedwebhosting.co.uk/blog/responsive-website-template-using-css3-media-queries-in-freeway-pro/

David Owen

http://www.printlineadvertising.co.uk

Creative Design | Print Production | Web Design & Strategy | Domains & Web Hosting

On 15 Nov 2012, at 02:27, “Justin Easthall” email@hidden wrote:

Heres one - the client wants a flash video, on the desktop but only a picture when used on iOS. A responsive website will respond to the media… in hundreds of ways.


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

Thanks David.

If someone could make up a template like this - then let us get our hands on it so we could study would just dandy.

Cheers


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

Justin, you seem to have a great interest in rwd which is commendable, have you considered trying your hand at building your own responsive FW template? The usual FW contributors who have the skill (or time) to put together what you keep asking for seems lacking, though I understand their arguments for why it may not be practical or feasible. Maybe this is an opportunity for you to try. What better way to learn how to do something than by actually doing it? Just a suggestion.

Todd
http://xiiro.com

If someone could make up a template like this - then let us get our hands on it so we could study would just dandy.


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

I wouldn’t know where to begin. Even though I understand CSS and media queries etc I just don’t know how to apply. 2 things 1. I’d have to learn how to apply css. 2. Then learn how to use it in FW. Which I may as well move over to Dreamweaver or something similar - I’m keeping my eye on Muse and Edge reflow. As soon as this becomes for flexible I def moving too.

I love design but just cant learn all the coding, I just can’t. I’ve tried.

This is why I love FW. But I sometimes feel its very slow to react to current trends. RapidWeaver for instance anything thats on the web takes about a week for RW to have a plugin that you buy. Lovely.

I yes I do seem obsessed. Sorry. Ill wrap now! Cheers.


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

I’m not implying you’re obsessed about rwd or that you should stop asking about it, just that you may be missing an opportunity to expand your skillset. You already have a basic understanding of CSS and @media queries and that’s key. There are many things I struggle to learn but it’s not because I can’t, it’s because I’m approaching the subject incorrectly. Perhaps it’s not the subject matter you’re having trouble with, maybe it’s the process by which you’re trying to understand it.

By it’s very nature “web design” requires a degree of technical know-how no matter how much you try to turn a blind eye to it, you can’t escape it. Don’t be so quick to sell yourself short, it’s better to try and fail than wait and hope someone else does what you want.

Todd
http://xiiro.com

I yes I do seem obsessed. Sorry. Ill wrap now!


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

I’ve have to update the responsive template and Freeway files as the usual issue of Freeway busting the page to it’s maximum width. This was due I think to mixing percentages and pixels on the divs and Freeway not wanting a 100% width with pixel padding and a 1px border.

The @media queries (to measure the page widths) are in an inline style sheet.

I’ve updated the page demo and download if anyone would like to pick it apart to understand what is going on and incorporate in their designs.

http://www.ineedwebhosting.co.uk/blog/responsive-website-template-using-css3-media-queries-in-freeway-pro/

Any contributions, improvements or comments welcome.

David Owen

http://www.printlineadvertising.co.uk

Creative Design | Print Production | Web Design & Strategy | Domains & Web Hosting

On 16 Nov 2012, at 09:27, David Owen email@hidden wrote:

Freeway CSS media Queries Template
http://www.ineedwebhosting.co.uk/blog/responsive-website-template-using-css3-media-queries-in-freeway-pro/


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

Hi David,
It looks like the CSS styles for the iPad and iPhone 4 are missing at the foot of the page (just above sample sites).
Regards,
Tim.

On 17 Nov 2012, at 12:00, David Owen wrote:

Any contributions, improvements or comments welcome.


FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


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