Tutorials

30 replies to this thread. Most Recent

Ann Amber

3 Nov 2014, 9:49 pm

[Pro] Left & Right Col Key Elements?

What are the KRY required inspector changes for the flexible at 320 and 480 that made it possible for it to function as it does at that LINK. I no longer have that active on my computer andI am working with later versions but cannot get the flow to occur. Every time I change one setting something else does’t work. If I grasp it correctly it is the settings OF the left and right column inspector that control how the right col page elements slide over and under left column items. The above URL works, but a complete rebuild (twice) gets corrupted at that point. There may be a connectivity interplay that I do not realize????

http://caman89.home.comcast.net/~caman89/

DeltaDave

3 Nov 2014, 10:35 pm

What are the KRY required inspector changes for the flexible at 320 and 480 that made it possible for it to function as it does at that LINK.

Float settings.

At greater widths it is fine to have the left col float left and the right col float right but at narrower widths you may have to float them both left - you also may have to adjust clears from ‘none’ to ‘both’.

Make sure that your wrapper heights are flexible too.

David

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

Ann Amber

4 Nov 2014, 6:55 am

thanks.. looks partially done.. But how to get 320 size to keep image no smaller than at 480 setting? and move the right col text UNDER the left col? Or at 320 part of text to right of image in left col and remainder of text IN right col spread full width below the left col image?? or all text to shift under 320 image or/and? at 480??

its posted to the same link just before writing this

DeltaDave

4 Nov 2014, 8:25 am

You have to adjust the column widths at the different sizes ie at the moment leftcol is 45% wide at 320 - you should make it 95%.

At the same time change the width of rightcol to 95% at 320 and instead of Float: Right make it Float: Left

You have also set a percentage height to the #MarqueSign1 image of 58% - it shouldn’t have a height set, it should be Flexible.

But make adjustments at each size starting at the biggest working down to the smallest - it will make it easier to follow changes.

What happened to your 768 Breakpoint settings - there don’t appear to be any?

D

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

Ann Amber

4 Nov 2014, 7:42 pm

Made changes as suggested except for 768 settings. {No 768 in this file. Prior one messed up. This is new one with color background in each container. Most changed to none before upload as it was confusing.} (If items are flexible why do we need changes in 768?

320 settings now DIFFERENT visual results in Browser vs Pro. VIEW IN BROWSER shows 320 text beside the image. ALSO ON FTP UPLOAD. however SELECTING PREVIEW of 320 in Pro shows the right col text below the left col image separated by a large vacant space that is the color of the MainWrap??

Ann Amber

8 Nov 2014, 12:23 am

CAUGHT IN A LOOP.. help every time I insert an html item in a left col container in the main wrapper FW7 creates a new page TITLED the image.png name… which has been successfully brought in as a pass thru graphic into a html box inside a container in previous versions. I’ve closed out and restarted FW and no change.

Ann Amber

8 Nov 2014, 3:02 am

Ignore my last post. Found the solution.. Apparently I needed to add another HTML item into the first HTML item previously added in the Right Col container… At least doing so it worked okay…

For any who wish to see the benefits of placing colors in the containers and pages the files being worked on will be at this link

(am working from several different versions, testing this and that; so it will vary from day to day) http://caman89.home.comcast.net/~caman89/

Ann Amber

8 Nov 2014, 4:50 am

Well, my working tutorial is now active for a friends web site at http://jakesbarbershop.com/ still discovering ‘responsive’ terms and aspects.

I had to postpone using Backdraft due to my confusion over terminology and meanings that I still seem to miss ..that apparently are obvious to those who have used this process for a considerable learning curve.

Will get back to Backdraft soon as I see its potential, just haven’t grasped some major difference, likely in terminology. Thanks for the help..

Ann Amber

12 Nov 2014, 7:25 am

Seems to me we need a TUTORIAL based on a different approach.. one that defines and illustrates fundamentals, like margins, paddings in the several ways they are applied - why, how and result.

Needs to show and explain basic processes in the interplay between right and left columns consistently across all site widths.

At times FW browser results do NOT confirm what appears with the same page/item/setting IN Pro page and preview. This is likely tied to settings (and content) in subtle ways that we can learn to comprehend from a relation perspective not covered in current tutorials.

As a logical thinker - without inner images (instead of one who sees images) - it is essential to understood the inter-relationships. When asked the pro’s will (very helpfully) answer with a to do this or that, which is appreciated.

I suggest a tutorial from a different perspective to compare and apply so it is possible to UNDERSTAND basic RELATIONSHIPS - and the EFFECTS of altering them within the parameters of FWPro 7. To me that is a fundamental structural understanding that can empower more new users of FW7. This is different from a ‘here’s how to build a site tutorial’. It’s can be a key reference on relationships and results.

It can be a reference guide with illustrations for comparisons IN ADDITION TO present ones showing how to do this or that in a site building process. Those tutorials lack the connectivity of the various fundamentals, such as the interactivity of margins, padding, centering, etc. etc.

Anyone interested in this?

David Murray

12 Nov 2014, 8:40 am

I hear your pain Ann and am with you all the way.

I am just about to embark on the trepidatious task of converting my site to responsive and will need all the help I can get!

Here’s hoping our pleas don’t go unnoticed.

David

David Murray

http://davidmurray.org

http://aircushionboot.com

Built with Freeway on a Mac!!

Rick Butler

12 Nov 2014, 9:05 am

Hope those tutorials will come. 

Sent on the new Sprint Network from my Samsung Galaxy S®4.

<div>-------- Original message --------</div><div>From: Ann Amber <[email protected]> </div><div>Date:11/12/2014  3:25 AM  (GMT-05:00) </div><div>To: [email protected] </div><div>Subject: Re: [Pro] Left & Right Col Key Elements? </div><div>

</div>Seems to me we need a TUTORIAL based on a different approach.. one that defines and illustrates fundamentals, like margins, paddings in the several ways they are applied - why, how and result.

Needs to show and explain basic processes in the interplay between right and left columns consistently across all site widths.

At times FW browser results do NOT confirm what appears with the same page/item/setting IN Pro page and preview. This is likely tied to settings (and content) in subtle ways that we can learn to comprehend from a relation perspective not covered in current tutorials.

As a logical thinker - without inner images (instead of one who sees images) - it is essential to understood the inter-relationships. When asked the pro’s will (very helpfully) answer with a to do this or that, which is appreciated.

I suggest a tutorial from a different perspective to compare and apply so it is possible to UNDERSTAND basic RELATIONSHIPS - and the EFFECTS of altering them within the parameters of FWPro 7. To me that is a fundamental structural understanding that can empower more new users of FW7. This is different from a ‘here’s how to build a site tutorial’. It’s can be a key reference on relationships and results.

It can be a reference guide with illustrations for comparisons IN ADDITION TO present ones showing how to do this or that in a site building process. Those tutorials lack the connectivity of the various fundamentals, such as the interactivity of margins, padding, centering, etc. etc.

Anyone interested in this?

Thomas Kimmich

12 Nov 2014, 1:38 pm

The point is, that all those basics are not restricted to FreewayPro but are very general terms. Furthermore, most of them are described in the manual.

On plus, it requires a minimum of comprehension for code - even in a WYSIWYG surrounding to see and understand what happens and why.

What you are asking for has been ignored by the community for years (even demonized).

In short:

Those video tutorials are already there, however not always exclusively for free. It’s all about best practices how to tackle this unusual way of building web-projects these days. It’s not free because it’s not a video-rebuilt of the manual - it’s my own philosophy - the things how I see them.

My subscribers started with those basics back in times of 5.5 and in an extended way in Version 6. This basic knowledge is enough to start to tinker with V7, which I honestly haven’t found time yet to produce.

This is not to be seen as advertising.

Cheers

Thomas

Thomas Kimmich

Kimmich DigitalMedia

http://www.kimmich-digitalmedia.com

T.+49(0)7404-914 384

Somewhere in the South of Germany

Todd

12 Nov 2014, 2:10 pm

I’m in the process of building the infrastructure for a tutorial/community site so if someone wants to produce the tutorials … get in touch.

Todd http://xiiro.com | http://squind.us

On 2014-11-12 03:25, Ann Amber wrote:

Seems to me we need a TUTORIAL based on a different approach.. one that defines and illustrates fundamentals, like margins, paddings in the several ways they are applied - why, how and result.

Needs to show and explain basic processes in the interplay between right and left columns consistently across all site widths.

At times FW browser results do NOT confirm what appears with the same page/item/setting IN Pro page and preview. This is likely tied to settings (and content) in subtle ways that we can learn to comprehend from a relation perspective not covered in current tutorials.

As a logical thinker - without inner images (instead of one who sees images) - it is essential to understood the inter-relationships. When asked the pro’s will (very helpfully) answer with a to do this or that, which is appreciated.

I suggest a tutorial from a different perspective to compare and apply so it is possible to UNDERSTAND basic RELATIONSHIPS - and the EFFECTS of altering them within the parameters of FWPro 7. To me that is a fundamental structural understanding that can empower more new users of FW7. This is different from a ‘here’s how to build a site tutorial’. It’s can be a key reference on relationships and results.

It can be a reference guide with illustrations for comparisons IN ADDITION TO present ones showing how to do this or that in a site building process. Those tutorials lack the connectivity of the various fundamentals, such as the interactivity of margins, padding, centering, etc. etc.

Anyone interested in this?

Ann Amber

12 Nov 2014, 5:19 pm

Thanks for the replies. Let’s Begin. Thomas.. I appreciate your response and your articles, some of which I’ve read and gotten completely lost in.. Why? because it is advanced in wordology…you are so innately familiar with the topic that essential connections are missing. It’s NOT a criticism, just an essential fact going back to blacksmiths training a beginner how to temper metal.

An example in another field was a college prof in a calculus class. At the end of the first semester only 20% ‘got it’..80% were ‘lost’. Next semester another prof came in and started with a ham sandwich, and tied it into calculus and we got it as word combinations communicated in a different way. That is what I stress here… no criticism.

No existing tutorial or videos approach it from THIS perspective - in each case the connections are missing. I’ve watched every FW tutorial several times going back to 5; printed out and enlarged for easy reading; but the essentials of connectivity (basic understandings) are missing. I KNOW we can create what is needed and propose to do it. So Lets start with margins. Where shall we begin this collaboration process???? WHERE Here or ???. I agree to be the spark and start the tutorial in this way.

waltd

13 Nov 2014, 1:00 pm

On 12 Nov 2014, 1:38 pm, Thomas Kimmich wrote:

This is not to be seen as advertising.

Cheers

Thomas

I want to make it clear that we do not have any problem with members of this list advertising their services to other members.

There is a fair-sized community of people who have bought Freeway, started to build something ambitious (whether for themselves or a client) and then found themselves way outside of their comfort zone.

I know I am not alone in having been contacted by those people from time to time over the years, and having many mutually-profitable engagements with them. If I had not periodically thumped my chest about my code-fu, there would have been no such calls, and my mortgage would be in arrears.

What we do have a HUGE problem with is brand-new members posting links to their paid whatever as their first post. That gets the ban-hammer out really quickly, and you will never hear from them again.

However virtual, this is a real community, full of helpful people and people who need help. Sometimes that help is free, but that does not guarantee that it always will (or should) be so. If you are doing client work with Freeway, and you need the latest hotness to work in a hurry, there is a commercial decision to make (and you alone can make it for yourself): do I spend the nights and weekends understanding WHY this works in general, and HOW to do it in Freeway, or do I pay some person who already invested that time to do it for me?

In the case of Thomas’s screencasts, he has distilled hundreds or thousands of hours of deep-diving into bite-sized and learnable morsels, well worth the price he charges. If it gets your paid work done, then think of it as an investment in your future.

Walter

Freeway user since 1997

http://www.walterdavisstudio.com

Thomas Kimmich

13 Nov 2014, 1:04 pm

This is a screenshot of the welcome-screen of my “The Lounge” BoxModel episode:

The Freeway Box-in-Box ModelPro V6.x – #005 – Padding and Margin

While padding is the inner distance of a box, margin is the outer one. Margin only works by placing boxes inline.

It is redundant if you do traditional drag and drop Freeway like placing method:

http://www.evernote.com/shard/s246/sh/65746906-7204-4825-8f9d-71b3a79808f1/70287a9a51bfc3620d177fa3f8476e62

What articles did you read and what episodes did you watch?

Cheers

Thomas

Thomas Kimmich

Kimmich DigitalMedia

http://www.kimmich-digitalmedia.com

T.+49(0)7404-914 384

Somewhere in the South of Germany

Thomas Kimmich

13 Nov 2014, 1:33 pm

Hi Walter,

I thank you for your honest and open words - it feels good.

But there are specific reasons why I act pretty careful with my stuff. Let me quote only two (of several examples) and experiences of the past:

So in all fairness just mention it as maybe a possible solution but not explaining it (or send me to a free of charge video tutorial in stead of people who send me to a paid site to get the information !) you should not be surprised that I don’t understand it, nobody can!

and

My suggestion that a paid service be mentioned at the start is proper. In close to five years years on Freeway forums (and years as sysop on an Adobe forum), this is the first time I’ve encountered a commercially-oriented post that did not mention the commercial nature in the post.

It’s not only time, it’s even money we spent for the community (and I know you did, too - or even still do) for hosting and software.

Cheers

Thomas

Thomas Kimmich

Kimmich DigitalMedia

http://www.kimmich-digitalmedia.com

T.+49(0)7404-914 384

Somewhere in the South of Germany

Ann Amber

13 Nov 2014, 6:46 pm

Being Pro’s and volunteering skills sometimes creates strange situations. Yet it can lead to interesting relationships and one’s own inner growth.

When I offered to help with the tutorial it was based on having done that as an unpaid volunteer (16 years: often 50+ hrs/wk) with a state agency. The difference is perspective. It is hard for a technical oriented person, especially if one is an imager, to communicate so that new users grasp essential connectivity ‘links’ that are within the experts experience and have become subliminal.

A concern on margins can arise in FW. It is possible for both Page and Preview to show that right column changes for 320 are successful. Yet Firefox or Safari may NOT show success - instead a different layout obviously tied so something else, but what? Can it be an area where FWPro has problem or is it due to the Browser limitations? Seems I recall one post somewhere about some limitation there.

Yes there are tutorials. There is a stack a foot thick on the desk, but fumbling through them to find CONNECTIVITY that is missing is why a lay person’s tutorial IS ESSENTIAL. As a non-code person I offer a different perspective to aid those who will never study code.

As a non-code person I offer a different perspective. The intent is to aid those who will never study code. Input from the Pros is vital also. Where can we start the process. We need a hub or ??? where multiple inputs can occur, into side rooms or area, with an ongoing central document in the process of emerging.. Anyone know of such a web site?

Ann Amber

13 Nov 2014, 6:56 pm

Example: Thomas wrote “The Freeway Box-in-Box ModelPro V6.x – #005 – Padding and Margin

While padding is the inner distance of a box, margin is the outer one. Margin only works by placing boxes inline.

It is redundant if you do traditional drag and drop Freeway like placing method: ======= The term “boxes” is used in several ways/combinations. As writer you know what you mean. But the reader may not, or may have confusion over box this versus box that.. in line, off line, outline, whatever.

This is where ALL tutorials need help. Also, there is talk on this topic going back into FW5, maybe earlier. How can a new user to know WHAT is valid and different in 7!! It is essential to communicate.. I know everyone IS doing it the way YOU think is working (it does for you)….but that does not mean it is UNDERSTOOD by the receiver… it’s that link I hope we can establish.. we can!!

Thomas Kimmich

13 Nov 2014, 8:44 pm

The term “boxes” is used in several ways/combinations.

Yep I agree - my mistake:

So let’s define it:

In Freeway it’s called “HTML-item”. This is the green rectangle where content such as text can be placed in.

The problem is, that the browser is handling this as DIV. Unfortunately this is a matter of fact. So if you never think about code, it’ll be for the rest of your life a “HTML-item”.

So far so good:

There are two methods how to place a “HTML-item (I’d prefer the term DIV)”.

Method one:

Nothing selected on your page, you’d chose “insert” -> HTML-item from the context menu. If you now have a deeper look into inspectors first tab, you probably recognize the term “absolute”. You did it - an absolute positioned HTML-item.

Method two:

Double-click into your page (or a HTML-item) so you see the flushing cursor mark. While this is flushing, chose “insert” -> HTML-item from the context menu (as above).

Once done - try to drag it around - it should fail. Conclusion:

Positioned (placed) relative.

Am I now the first one ever writing this?

Not that I’m aware of. It has been written thousands of times the last past 5 years by different authors - ever and ever again.

WebDesign these days requires more than just a “technical how to use an application” - it requires a plan off Freeway.

Cheers

Thomas

Thomas Kimmich

Kimmich DigitalMedia

http://www.kimmich-digitalmedia.com

T.+49(0)7404-914 384

Somewhere in the South of Germany

The Big Erns

13 Nov 2014, 9:38 pm

This is why I applaud Thomas’ screencast efforts, as there are some things (cover your ears, Walter) that text cannot convey.

There are things I’d like to show people, but I’m stuck with telling them instead. So, if you discover a better way and think someone should do something about it, then become the solution you desire.

And PS, I don’t think Softpress invented the Box-Model (or whatever) method - they hardly even acknowledge it. I think users stumbled onto the ability to use Freeway this way and Softpress didn’t do anything to discourage it. So, what it is called and how it is done has been without formalized direction for years now. And as someone who has invented so many ways to use Freeway this way, I don’t mind sharing - but these are techniques that do not exist in any imagined guides, let alone actual ones.

I am also compelled to admit that while I like to share what I’ve learned, there is a limit to how much nonsense I will tolerate from the climbers below me who think I’m not doing things right or not doing enough to haul their asses up the hill.

no longer subscribed to this discussion…

Ann Amber

14 Nov 2014, 5:42 am

Thanks Thomas. To review: TERMINOLOGY: Boxes, containers, div or html items are the various names for the flexibility onscreen results IN FWPro7.01 That software uses containers or HTML items, to be ‘flexible’.There is a basic ‘container’ and it’s later ‘insert (BOTH are an ‘html-item in a technical sense.) When done correctly the site can display different arrangements at different PAGE WIDTHS on the type device a user has to view it. There can be more than one html-insert in the basic html container or box. Example: Main Wrapper; Left Col container can contain a Map, Photo and Text in combinations The Right Col container will have html inserts text or pass-thru graphic With correct inspector settings the two columns will ‘fold’ (self coordinate) as will be appropriate for narrow page setting such as 320 and 480 and so reflect in FW preview and in the browser ====== INSERTION IN a CONTAINER Method One iin your reply: I was unable to find a CONTEXT menu with ‘ABSOLUTE” in FwPro7.01 Method Two: INSERT menu is what I use normally. That new html item (box?,div or?) can be enlarged in 2 directions, while placement up/down seems limited, unless the container is resized. Your memo called it “positioned (placed) relative” and indicated it should fail. WHY? Isn’t that the very purpose of its placement? to be relative to something else? If not what is the point?? Why should it fail? And if/when it does what is the workaround so it does not ‘fail’? ===++++++++++++ ===== Ernie: Thanks. In helping people, adding screen shots {of the inspector and the site column with the area under discussion} significantly augments text. and helps people understand. My 30+ page web site dedicated to that principle is at www.changingchange.info but was designed for full width browsers. Maybe some day it can be changed, but it will be a future task. +++++++++++++++ My hope is we can create a new guide with indexed content for those who do not have interest to use ‘code’. I realize that may be a challenge to those experienced with it, but like all new aspects it has its benefits and non benefits. I offered to be the point person but will need help to do so. Questions like mine may be simplistic to you and Thomas with long experience, but basics are essential and your help IS appreciated.

Ann Amber

14 Nov 2014, 5:47 am

Wow… my post above looks completely different that the way I carefully spaced it before posting, so it was easily readible like the others.

Don’t know why it did’t hold.

Thomas Kimmich

14 Nov 2014, 10:32 am

But what is it you’re looking for?

My screencasts for free

or

my paid screencasts substituted by anyone doing it for free?

Cheers

Thomas

Thomas Kimmich

Kimmich DigitalMedia

http://www.kimmich-digitalmedia.com

T.+49(0)7404-914 384

Somewhere in the South of Germany

waltd

14 Nov 2014, 12:34 pm

On 14 Nov 2014, 5:47 am, Ann Amber wrote:

Wow… my post above looks completely different that the way I carefully spaced it before posting, so it was easily readible like the others.

Don’t know why it did’t hold.

I saw your message in Mail, and it looked as you intended, but as a long-term user of Markdown (which is how this list is formatted on the Web) I could see an uh-oh coming.

If you post from the Web to the list, there is a live-preview to show you what it will look like when published (the preview actually loops through the same formatter that the site uses when showing messages). Markdown was designed to mimic the sorts of formatting you may be accustomed to using in plain-text mail messages to indicate structure and emphasis. If you’re not familiar with Markdown, here’s a quick primer:

Paragraphs

Separated from one another (and from other block elements like lists or pre boxes) by two returns.

Lists

Separated from other content by at least two returns, and then each line started with one of the following: a single asterisk, followed by a space, followed by your list item text, or started by a numeral (any number will work, they will always come out as 1,2,3) and a space to make an ordered list. You may not mix numbers and asterisks within a single list, unless you indent the numbers by four spaces.

Headlines

Begun with one through six octothorps, an optional space, and your content.

### H3 tag here

Code Blocks and Phrases

These come in several flavors. Which to choose depends on your content.

For a single word or short phrase in a sentence, use a single back-tick (`) on either side of the word or words.

For a block of code, like a function definition or a brief example of HTML, indent each line with at least four spaces. (My example of the H3 above was done in this manner.) (Everything over 4 will be formatted as typed, so as long as you indent with spaces, you will get what you expect. If you post by e-mail, and use tabs for formatting, the system will translate each tab into four spaces for you.

For a more complex block of code, or any code with more than about 40 characters to a line, use a “fenced” code block. All by itself on one line, type four tildes in a row (~~~~) followed by a return, then your code, then another four tildes on their own line. Then two returns before you start another block of text.

Gist and Pastie

For more involved (larger, heavily formatted, need color-coding to understand) examples, use either https://gist.github.com or http://pastie.org to create a “paste” of your code. Either of those services will redirect you to a page showing your code neatly formatted based on the language in use. Copy the URL for that page, and paste it all by itself on a line in your message. The formatter will convert that URL into an injected block, leveraging all the power of those platforms’ display engines.

https://gist.github.com/walterdavis/35b6de857e9f14fcf145

Walter

Freeway user since 1997

http://www.walterdavisstudio.com

Ann Amber

14 Nov 2014, 5:39 pm

Thomas… No your screen casts were not involved. My answer was for clarification to an earlier response from you; but the way my post appeared made that difficult to discern.

Is this reasonably correct? “Boxes, containers, div or html items” (when properly used) are the basis for screen results at different width levels (320/480 etc.

FW software uses containers to be ‘flexible’.It requires first a basic ‘container’ and an added ‘container’ or box insert (BOTH are an ‘html-item in a technical sense.)

When done correctly the site can display different arrangements at different PAGE WIDTHS on the type device a user has to view it.

There can be more than one html-insert in the basic html container or box. Example: Main Wrapper; Left Col container (HTML item) can contain an inner container HTML insert such as Map, Photo or Text. The Right Col container is to have html inserts of text or pass-thru graphic.

With correct inspector settings the two columns will reposition (‘fold’ or self coordinate) as will be appropriate for narrow page setting such as 320 and 480. Done properly this should reflect in FW preview and in the browser.

=== from your message, topic INSERTION IN a CONTAINER Method One - Unable to find a CONTEXT menu with ‘ABSOLUTE” in FwPro7.01 Method Two: - INSERT menu is what I use. That newly created html item (box?,div or?) can be enlarged in 2 directions, while placement up/down seems limited, unless the container is resized.

Your memo called it “positioned (placed) relative” and indicated it should fail. Why? Please explain alternate as this is unclear.

Your patience and help IS appreciated.

Ann Amber

14 Nov 2014, 5:44 pm

Walter Thanks for that insight and help. I will study it. Much appreciated.

(it is interesting in that as I did the repost to Thomas above there appeared in the bottom window an image that showed an element of what I was describing.. but I changed the wording to eliminate it for at that point it was not relevant to me. I’ve wondered how you pros have been able to include aspects via images.. truly interesting

Thomas Kimmich

14 Nov 2014, 6:28 pm

Is this reasonably correct? “Boxes, containers, div or html items” (when properly used) are the basis for screen results at different width levels (320/480 etc.

Yes it is. Preferably when widths are defined in percentage. But they can be also set as absolute (or max-widths) where at a breakpoint of 480px no HTML-item is taller than 480px (to fit the screen)

FW software uses containers to be ‘flexible’.It requires first a basic ‘container’ and an added ‘container’ or box insert (BOTH are an ‘html-item in a technical sense.)

Yep.

When done correctly the site can display different arrangements at different PAGE WIDTHS on the type device a user has to view it.

Indeed. Remember: A 80% wide HTML-item is ALWAYS 80% of the device-screen.

There can be more than one html-insert in the basic html container or box. Example: Main Wrapper; Left Col container (HTML item) can contain an inner container HTML insert such as Map, Photo or Text. The Right Col container is to have html inserts of text or pass-thru graphic.

Yes - many boxes. How much? Depends on what you’re after. My basic construction has (usually) those:

http://www.evernote.com/shard/s246/sh/3fe3e89a-f6d3-4b15-bc52-55abc83777ec/271a467cac75626533d3330bbdef7464

as example of this page:

http://backstage.kimmich-digitalmedia.com/templates/walk-through-the-park/index.html

With correct inspector settings the two columns will reposition (‘fold’ or self coordinate) as will be appropriate for narrow page setting such as 320 and 480. Done properly this should reflect in FW preview and in the browser.

No - by correct placing (as described above):

Method one:

Nothing selected on your page, you’d chose “insert” -> HTML-item from the context menu. If you now have a deeper look into inspectors first tab, you probably recognize the term “absolute”. You did it - an absolute positioned HTML-item.

Method two:

Double-click into your page (or a HTML-item) so you see the flushing cursor mark. While this is flushing, chose “insert” -> HTML-item from the context menu (as above).

In both cases you get different inspector dialogues.

Your memo called it “positioned (placed) relative” and indicated it should fail. Why? Please explain alternate as this is unclear.

TRY both methods as described on an empty page.

Method 1 you can drag the HTML-item to whatever place. But if you try this with Method 2 - you won’t be able to do.

Cheers

Thomas

Thomas Kimmich

Kimmich DigitalMedia

http://www.kimmich-digitalmedia.com

T.+49(0)7404-914 384

Somewhere in the South of Germany

Ann Amber

14 Nov 2014, 8:29 pm

thanks Thomas. ——that walk thru the park is very interesting..and must have taken a lot of work. Neat!

On EVERNOTE… . Which is the master container? Section100% I’d guess Module 100% taking up 75% of the basic container?

Yet each of the 5 ‘boxes’ appears different width to my eyes ???

Neat work Ann

Thomas Kimmich

15 Nov 2014, 1:07 pm

thanks Thomas. ——that walk thru the park is very interesting..and must have taken a lot of work. Neat!

Glad you like it. It took me long to prepare, collecting ideas - writing the outline, but for production I’d guess a good working-day (7-8 hours) to finalize.

On EVERNOTE… . Which is the master container? Section100%

Yes

I’d guess Module 100% taking up 75% of the basic container?

Yes

This is how I teach my subscribers doing a proper Inflow construction. Each HTML-item has a dedicate function (and size). So I think I shared enough infos so far.

Cheers

Thomas

Thomas Kimmich

Kimmich DigitalMedia

http://www.kimmich-digitalmedia.com

T.+49(0)7404-914 384

Somewhere in the South of Germany

Back to Top

Thomas Kimmich

20 Nov 2014, 8:10 am

The term “boxes” is used in several ways/combinations. As writer you know what you mean. But the reader may not, or may have confusion over box this versus box that.. in line, off line, outline, whatever.

Let me collect the most important comment to make myself a lil bit clearer:

http://www.kimmich-digitalmedia.com/videos/016_the-coding-episodes-part8-structuring-content

Have a watch at this episodes. I hope it covers most of the confusing “expression- and placement muddle”.

Cheers

Thomas

And a note once again:

This episode isn’t meant to teach coding, it’s made for making us clear, that we can’t ignore the results we’re producing - especially for those, seeing Freeway as a paid service (client-projects).

Thomas Kimmich

Kimmich DigitalMedia

http://www.kimmich-digitalmedia.com

T.+49(0)7404-914 384

Somewhere in the South of Germany