I’ve been using an inline layout now for some time to construct my websites (following Thomas excellent Kimmich’s tutorials). I’m now using FW7 but can’t get my head round what I need to do to keep using the inline model whilst using the responsive features in FW7. I much prefer this method of construction to the drag and drop and would like to continue using it.
Do I need some sort of page wrapper? What are my settings supposed to be? Am I just being a bit thick? (probably)!
I’m wondering if anyone has a very basic template using an inline layout that they could make available so that I could ‘pull it apart’ to see how it’s constructed and what settings I need?
it should be mentioned first, that there is no alternative to BoxModel so I hope this is the good news.
I think day and night about an outline to present a “Thomas’ way of doing it” but have to admit - I stuck. A current version would be one of constraints and doubts. This is just because I ran into some issues where I’m not sure how to communicate em (to avoid “teach”).
What I did is just to start with one width, let’s say 21" so I set my standard width (as workspace) to 1823px. This is simulating the browser-window width of these machines and start to BoxModel as already learned.
Then I define my breakpoints which are usually 1200px for tabloid and 600px for mobile. Within there, I choose the min-size for the page widths to simulate the most critical points. For 1200px I set 768px (portrait) and for 600 it is 320px (portrait). This is similar to the screencasts I did in the past and is making sense (to me and e.g. Chris Coyier).
All you need to do there is to re-adjust the widths for each “critical” item and a decision if you need to change floats and even widths.
While this works, we run unfortunately into some troubles which is hard to explain in brief but has to do with:
What are 25% if there is a padding applied?
Still 25% which would be my way of thinking or really 23.378% as shown in the inspector?
All I can do right now is to recommend to review the already learned ever and ever again. Keep your stuff simple for the start - Create one section, add the area - adjust widths, see how it works.
Cheers
Thomas
PS:
I promise you doing things, but currently my home-office machine broke the third time now (logic board sending wrong signals to cooling fans with the result of having a Boeing 747 in living-room).
I promise you doing things, but currently my home-office machine broke the third time now (logic board sending wrong signals to cooling fans with the result of having a Boeing 747 in living-room).
After doing some more playing around I’m just starting to grasp how things work now. I think my problem was trying to convert a site I’ve already constructed, I’ve now played around on a blank site and things seem to be working (more or less) how I expect; though I’m still stumbling at every hurdle. Perhaps I should wait to convert any existing sites until I actually have a better understanding of how it all works.
I’ve been using Caleb’s Backdraft (and I must say I love it) upto now for any responsive sites and will keep on using it but I do want to get a good understanding of how things work and be able to update some existing sites if necessary…so I will wait in anticipation of the ‘Thomas way of doing it’ tutorials and hopefully I can learn a lot.
Speaking of Backdraft, does anyone know it there has been any news on Backdraft 2.0 yet?
After doing some more playing around I’m just starting to grasp how things work now. I think my problem was trying to convert a site I’ve already constructed, I’ve now played around on a blank site and things seem to be working (more or less) how I expect; though I’m still stumbling at every hurdle. Perhaps I should wait to convert any existing sites until I actually have a better understanding of how it all works.
That’s highly recommended (and what I do for years).
No upgrade of projects if there is no significant reason for. I’ve even two or three (or four) 5.5 projects and I’ll keep there.
There will be a day where all those clients want to have a responsive page for sure - and then it’s time to review them entirely. New approach means new turnover.
I’ve been using Caleb’s Backdraft (and I must say I love it) upto now for any responsive sites and will keep on using it but I do want to get a good understanding of how things work and be able to update some existing sites if necessary…so I will wait in anticipation of the ‘Thomas way of doing it’ tutorials and hopefully I can learn a lot.
Speaking of Backdraft, does anyone know it there has been any news on Backdraft 2.0 yet?
Honestly, this is a good thing… it’s the process of learning in action. In
time, these hurdles will diminish - replaced by far more interesting
challenges to resolve.
Great news on the Backdraft front too…looking forward to getting my hands on it!
I’ve said it before but this is one of the best forums I’ve been on and people are always so willing to give their help and time to those us who need it - I really appreciate it.