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.
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…
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
Yep Thomas - I see that - but its still not truly ‘response’
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!
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.
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.
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
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.
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 ROBOT…OR NOT? from the book Responsive web design.
Freeway CSS media Queries Template
–
David Owen
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.
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
If someone could make up a template like this - then let us get our hands on it so we could study would just dandy.
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.
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.
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.
Any contributions, improvements or comments welcome.
–
David Owen
Creative Design | Print Production | Web Design & Strategy | Domains & Web Hosting
On 16 Nov 2012, at 09:27, David Owen email@hidden wrote:
