HTML 5 Semantic Tags

Hello Freeway Community,

  1. How would one go about adding or replacing the div tag, for proper semantic tags, such as

    which do not exist in the Freeway Pro type inspector dropdown?

  2. Is there a non action way? (Preferred)

  3. Is there an action way?

Kind Regards, Dave


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

I knew there was something on the workbench and I know there is much more:

http://cssway.thebigerns.com/workbench/blockquote/

Cheers

Thomas


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

Thanks Thomas…

Great resource for block quote styling and the use of Walts action to convert a div into a block quote tag.

Having said that I try to avoid actions whenever possible so as to expand my knowledge and awareness of what is going on under the hood while trying to keep things somewhat Freeway Pro centric.

Do you are anyone know of a way to manually assign a tag type to a markup item on the page. While the freeway team has done a fine job of providing many types comenly used with HTML 5 there are a lot more that are available.

Kind Regards,
Dave


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

Do you are anyone know of a way to manually assign a tag type to a markup item on the page. While the freeway team has done a fine job of providing many types comenly used with HTML 5 there are a lot more that are available.

When I work up a new template, as I have recently done with my workbench blog, I make a habit of working out a “typography sampler” which helps me keep my eyes on certain semantic html objects. I wish Freeway supported more html objects (and did a better job with those they do). Here’s a link to one of my typography sheets which documents some of what I can and can’t get Freeway to make:

thebigerns.com

It was part of this example and can likely be downloaded in the provided file.


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

Hello Ernie… Great resource, thoughtfully laid out and quite informative.

This is off the topic of this particular thread but while reading through some of your other fine informational resources found on your workbench I came across a mention to not using the actions for Clearfixing and setting the box-sizing attribute to border-box.

Do you have any documentation as to doing this in Freeway Pro 7 without the use of Actions? Fairly familiar with the concepts and reasons for their use outside of the Freeway environment, just get tangled up when trying to implement them through the Freeway Pro 7 interface.

Kind Regards, Dave


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

Set your page output to HTML5, select an HTML item, and look in the Item Output Settings in the Inspector palette (third item along). The ‘Type’ popup menu will show HTML by default, but it lets you pick other semantic types:

  • Address
  • Article
  • Aside
  • Footer
  • Header
  • Nav
  • Section
  • Figure
  • Figure Caption
  • Main

…as well as the image formats and Map Area options that have been there for years.
All built into Freeway 7, all native and well integrated. The trick is to make sure your page (Master, site) is set to HTML5 or XHTML5 or you won’t see this stuff.

k


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

… I came across a mention to not using the actions for Clearfixing and setting the box-sizing attribute to border-box.

Do you have any documentation as to doing this in Freeway Pro 7 without the use of Actions?

Bit of disappointed Dave, cause this is exactly what I run on the first two episodes of GridMeister and you are a subscriber.
Not really good advertising to me and my screencasts.

Cheers

Thomas


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

Don’t Be Disappointed Thomas… Your Screencast are a great resource. I have not had the opportunity to view all of them as of yet. I did learn quite a bit from those which I viewed a month or so ago regarding responsive design. I may take a peek at the GridMeister, thank you for the thoughtful suggestion. You and your resources are much appreciated and valued,

Keith… Thank you for the action related tip, yes it is pretty simple to do with Walts wonderful action, was just curious as to a non action approach, if available in Freeway Pro 7.

Kind Regards, Dave


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

Keith’s answer was about using the FW native settings! No action used.

David


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

Thanks For Clarifying Dave… So that brings me back to the original question regarding a non action approach for HTML 5 tags which are not found in the freeway inspector, e.g. Keith’s list.

Kind Regards, Dave


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

Okay, guys-- I’m happy to explain my methodology for this… only I type at 12 wpm so let me catch up first.

Check my blog for details… the first article about box-sizing sans actions in Freeway is already up.


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

Don’t be too critical towards actions. A life without them would be a poor one. HTML5, Remove Paragraph, ID2Class, Comments, Remove Span from Parent … are simply cool ones.

They “manipulate” the DOM in a way which would be either unable to do without them or just to be done by heavy (useless) MarkUp. Useless cause we want to see what we create.

Cheers

Thomas


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

Hi Thomas… Thanks for pointing this out. Actions most definitely have a place in regards to a Freeway Pro centric approach. My company has spent a huge amount of time and money on their development.

As I am not solely a website designer/developer but do have to wade into these design disciplines from time to time, I push myself to remove the training wheels whenever possible so I can continue to grow and learn.

Great points though, Dave


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

that brings me back to the original question regarding a non action approach for HTML 5 tags which are not found in the freeway inspector, e.g. Keith’s list.

E.g. my answer, hmm? :slight_smile:


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

Apologies Keith if I am missing something here, and again thank you for your thoughtful response earlier.

What I am inquiring about has to do with other HTML 5 Tags which are not part of the Freeway Pro list. I used the

as an example but there or others as well.

I am currently using Walters action to achieve this. While it is about as simple as tripping over a log, I was curious if there was a non action way to do this, but I am getting the impression that is a no go.

Kind Regards, Dave


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

I am currently using Walters action to achieve this. While it is about as simple as tripping over a log, I was curious if there was a non action way to do this, but I am getting the impression that is a no go.

You may have missed it from my article on block quotes, but Freeway does support blockquote as a tag style… you can click on a paragraph to apply the style, however there are specific limitations to the method which I outlined in the same article.

Btw, I am also a happy user of Walter’s HTML5 Action which, I think, is superior to everything Softpress has done with regard to adding HTML5 specific elements-- although they are catching up all the time.

Both articles are now live on my blog


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

Hello Ernie… I do believe I understand your article and thanks for directing me to it along with your box sizing blog post, all very helpful. Just going to use the action as it accomplishes what I am looking for and achieves the proper semantic result.

Thanks again for all your assistance, Dave


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