[Pro] FREEWAY TEMPLATE

Hi,

I have been a Freeway user for about 2 years and now onto Freeway 7 and now all that Responsive brings. Basically I learnt the hard way on a need to know basis.

WaltD has been forever helpful if I get stuck, but I would rather not keep asking people.

Not sure whether this exists, but has anyone gone through the manual and created an actual physical example, page by page, as a Freeway Template based on the ‘how to’ information in the manual?

A lot of designers use Freeway and designers like pictures. Also taking things apart to find out how they work.

Ann in the Tutorials Section talks of stripping down templates. In my view, it would be very useful indeed. Responsive is the thing at the moment and because it is relatively young, there is not much around in the way of examples. So this only means more questions for WaltD and The Big Erns!!!

This all tends to suggest a lot of work of course - but what a useful tool for all members!!!

K


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

talks of stripping down templates. In my view, it would be very useful indeed.

Nothing to stop you buying the FW offered Templates and pulling them apart.

David


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

OK - I’d like to add a bit more details here:

The expression “responsive design” has been introduced in 2010 by Ethan Marcotte. The Boston Globe redesign was the first (or one of them) responsive project in 09. 2011. The interesting part of it is, that a guy named John Allsopp already pointed into this direction in early 2000!!! And every browser, from the very first beginning is working responsive.

We in FreewayTalk started early 2012 playing with responsiveness. It won’t surprise that just a handful of talk mates started to tackle this new approach - and yep - exactly those you already named.

Since that time, I’m involved in billions of lists of disappointed FW users not getting the gist and in nearby half of those discussions, I’m the kind of #bada55 (bad guy) pointing to the “inflow-construction” as the first step to tackle and to understand - and simply practicing this approach ever and ever again.

Inflow-construction is the evil on this board since I’m joining it. People hate it, cause obviously it’s the death of just drag’n drop power of FreewayPro. It’s this hot stone none will touch, so all the discussions mostly ended in:

####“… I think we need more templates!!!”

It’s damn fair to ask for people running a project (manual or not) from the very first to the last step. And now? What shall they do? Sharing it? Work of years (and many tears and blood) just for the sake of it? Or even screen this to video-screencasts where people can get the popcorn ready?

I’m really interested to know, what exactly you all want this community to do. And I’d like to know furthermore, how much this community is willed to do.

Cheers

Thomas


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

There are still lots of resources for those wishing to learn how to start
down the road of inflow construction in Freeway - which is still the major
step required for mastering responsiveness with the app. Because this
construction method is still completely user-led and supported, finding
these resources might still be difficult (we often lack the budget and
manpower to do more).

Thomas has an ever expanding series of screencasts available from his
website ( http://kimmich-dm.de/wordpress/?cat=10 ) with a whole series
dedicated to inflow ( or “box-model” ) layout.

I’ve long maintained an inflow layout for users to download and pick apart

  • the last version I had kicked up a few notches trying to urge people to
    “up” their concept of “basic”. I’ve since decided that I actually need to
    redo my approach, making it more incremental instead… when I will complete
    that, who knows – but this basic inflow layout (and many other examples of
    how Freeway can be used can be found on my own website –
    http://cssway.thebigerns.com/projects/inline-basic-layout/

As Thomas eloquently puts it, Inflow Layout has some rough edges that turn
off users who expect a certain way of working… a less “pixel perfect” way,
perhaps. In truth, it’s a small inconvenience to trade for the superiority
of creating flexible layouts which can then be easily made into responsive
ones. If it’s true that Softpress is using inflow layouts in their
templates, then what more motivation does anyone need to look down this
path? (Although it is true you can still do drag and drop absolute
positioning with Freeway and still work that way, just don’t expect to get
the same results as we do :slight_smile:


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

HI Thomas and Ernie
I agree with all regarding inline construction. I will never drag and drop again. It was daunting at first but since Caleb’s wonderful Backdraft , and now with my new road on FW7 albeit without a real complete tutorial, I have relied on softpress for assistance and the kind souls on this forum, so, that said thank you all very much for the help. There is still much to learn but anyone using FW7, the way to go is inline. I do find it odd that the first guide opts emphasis with drag and drop and not inline but I suppose they thought, it would be a bit much for the newbies. As I was one. I think there will be some updates on FW7 soon taking care of some glitches I have encountered. But I think they have done a great job!


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

Hi Thomas and The Big Erns,

Thanks for your responses to this.

This community is essential in helping newbies and not so newbies. Invaluable information offered promptly to those that are ‘stuck’. But as Thomas points out there are ‘billions of lists of disappointed FW users not getting the gist’. A lot of pressure on the favourites of this community to supply solutions and workarounds.

This is what prompted me to pose the question of a ‘how to’ template ‘manual’ to lessen the burden. It was just an ideal and one which I do really understand would take time and effort, neither of which is free.

Since sending the original post, I have watched Thomas’s Screencasts and downloaded Erns templates. Invaluable!

Responsive depends so much on understanding inflow construction; the back to basics approach - and these helped a great deal. The ‘drag and drop’ was fine before Responsive, but you have to be far more logical to make it work properly.

As far as ‘what exactly you all want this community to do’ is keep doing what you’re doing. You are doing fine.

K

(PS A question for The Big Earns - how do you reveal the Twitter, Facebook logos on the layout. They are there on the Preview?? The same too with Walts ‘Kittens’. It’s going to be obvious I know already!!!)


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

(PS A question for The Big Erns - how do you reveal the Twitter, Facebook
logos on the layout. They are there on the Preview?? The same too with
Walts ‘Kittens’. It’s going to be obvious I know already!!!)

That’s a great question!

The way Freeway works, we get very used in the beginning to placing images
and text everywhere we expect images and text to appear. It seems very
straight-forward to us, but this process actually hides from us the true
nature of how information on the web is actually presented.

Web pages are rendered by our browsers from a kind of programming code…
many different kinds of programming code, to be accurate. Freeway takes
what we do in the application workspace and sort of reverse-engineers that
code for us. It takes a look at what we’ve done and says “how can I
recreate all this using web code?” and then does its thing. That’s the
difference between the Site Folder (the “output”) and our Freeway file (the
“input”).

This relationship makes Freeway an ideal tool for those who want to make
websites, but want to skip all that code stuff.

However, there is another side to Freeway that-- if you do manage, somehow,
to learn a little bit of the code stuff-- Freeway can leverage that
knowledge just like a sling can leverage a rock… far beyond what the best
arm alone can manage. I learned this accidentally, but users today can make
the choice to invest a little time and effort to go a little farther in
developing their skills… with the help of Freeway.

So-- with all that in mind-- the answer to your question is that instead of
trying to muscle the social menu’s text and images into place and then hope
Freeway understands what I’m doing, I use the Style Editor to create some
CSS web code to help Freeway tell the browsers more exactly what I want to
do. This greatly improves what Freeway can do with the layout that I
make… leveraging what it does best by giving it better guidance for the
difficult bits while saving me from having to write all the web code
myself.

If you look at each link in the list which comprises the social menu, it
has a “class” attribute added-- for the facebook link is a class of
“facebook”-- which you can find the corresponding class style in the Styles
palette. Look at the .facebook style and you see where I have applied the
Facebook icon as a background image-- to the link that is in the list. I
also use some styles to help the list look more like a menu and help
display the icons.

I’ve said before, elsewhere perhaps, that when I made that template I was
replacing an old layout that was too basic and wanted this one to be more
of a challenge. Clearly, needs to be two templates, one basic and one
intermediate. That’s on me, my apologies, and hope to someday fix it.

Now when it comes to Walter’s kittens, that is using an internet service -
http://placekittens.com - which generates images that can be used as
placeholder images. Again, Freeway is about taking images and pushing them
into place on the workspace, but these images don’t exist on your
computer-- they are remotely located on the placekitten server. So, using a
little web code, we tell Freeway to tell the browsers where the images that
we really want to use are located and presto! We have kittens.

So, maybe the answers are not so surprising… they may not be obvious, but
they all represent a different way of looking at-- and investing in-- the
Freeway experience.


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