[Pro] Left & Right Col Key Elements?

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.


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

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


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

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


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

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.


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

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


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

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:

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


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

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


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

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


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

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).


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