[Pro] Base Scale Responsive Template

In my downloads folder there’s this ‘Base-Scale-Responsive-Template’ I obviously downloaded a couple of months ago. I absolutely don’t recall the event, neither do I ave any clue how I came about this template in the first place …

It. Is. A. Freaking. Awesome. Template.

But to return to the reason of this post, where does this template come from (again), who’s build this?

– Tnx, Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Its a Max thing :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Ahhh, right. Most action used were Max’s … I should have known.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Hi Richard that template originally started off as a way of getting some sort of structure to the style sheet e.g. ordering and from that initial version lots of other things grew so in the end I ended up with a typographical style sheet which contained a starting off point for forms tables etc. In my version of Freeway I also have pantone swatches installed for colours and access to a css and html cheatsheet from within the application. I never got a chance to explain my thoughts (unfortunately I have too much work!!!) so it may have been a little daunting for people to undesrtand but if you found it useful then thats great.

Oddly enough I went bit further with it recently where by I introduced Codekit into the work flow and that was purely so that I could have a css checker for all the hand written css within the template and because i wanted to use PostCSS / Rucksack for real responsive typography http://simplaio.github.io/rucksack/docs/

if anyone had had any thoughts about the approach or feed back then it would be good to know

All the best Max


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Forgot to say and I am assunimg you have probably already worked out that a lot of the css is only really visible within a proper browser for example how hyphanantion and the orphan control works, although things like tables, forms and the maintenance pages are visible correctly within the freeway preview.

If I get a chance tonight, I will post an updated version of the template if anyone wants to have a look at it
all the best Max


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Thank you for sharing this in the first place, Max.

I just found the thread where you posted it for ‘us’ to download. As I understand you’re pretty occupied at the moment, but if (and only if) you do find the time … your offer to record a screencast and explain the purpose of it (and the actions) would be mostly appreciated.

– Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

On 23 May 2017, 12:09 pm, max wrote:

If I get a chance tonight, I will post an updated version of the template if anyone wants to have a look at it

Oh, goodie!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Latest version of the base scale template with a few adjustments

This version now has an extra Typographical page and associated css style sheet for that page which allows me to use rucksack (http://simplaio.github.io/rucksack/docs/) which allows an easily conversion for the styles required to make real scaleable responsive text (http://simplaio.github.io/rucksack/docs/#responsive-type)

I use Codekit (https://codekitapp.com) to compile the Freeway site folder and then use a hook within Codekit (CodeKit - Hooks) to run Rucksack css conversion into real css

Link to template:

I have included a commented instructions on what needs to be written within Codekits hook panel so it can use rucksack and thats within the rucksack.css sheet

I know this sounds quite complicated but in reality this isn’t needed if you are not interested in what Codekit or Rucksack can do

speak soon max


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Wow, thank you for your generosity and sharing your work. I’ve downloaded and installed it … let’s see how far I can get own my own without any further information; the actions used for instance are complete new for me, so is the set-up. But even though my ‘professional’ focus has shifted towards Coffeecup, this seems time well spent to me. Let’s give it a go :slight_smile:

– Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options