Though we have not released it to the TER, we do have TVFW version 2 available.
It does work with TYPO3 6.2. We have used it on our customer sites.

Here is the extension manual which has a link to the GIT repo with the code for version 2.
You should use the develop branch.

You can use version 1 skins with version 2, but will need to add one constant to the skin (detailed in manual).

 

Visualize the HTML Structure

The key to any front-end code is to first accurately visualize the HTML structure needed to produce the design. When starting the coding process, I often place a screened layer of white over the page mockup creating a ghost image of the layout. I then print that ghost image and use the print to outline content areas, make notes on color values, dimensions, etc.

To complete this visualization process you must:

  1. categorize the content
  2. determine the page templates & FCEs needed

When visualizing the HTML structure of a page, remember to think in terms of large blocks not individual elements.

Categorize content

I categorize each of the major content areas of a page into one of these six categories.

Header 

This occurs at the top of the site and can include any or all of the following: site identifier (logo), tag line, login box, search, global menu, etc. Every web page has a header as does every template in the QuickSite.

Footer 

This occurs at the bottom of the page and can include any or all of the following: copyright, links, contact info, etc. Every web page has a footer as does every template in the QuickSite.

Main Content  Block

This is content that is central to the page and unique to the page. It is why the page exists. Every web page has a main content block as does every template in the QuickSite.

Feature

This is content unique to a page and that falls right after the header. Often it spans the entire width of the page but does not have to. Not every web page has a feature but every page template in the QuickSite has a feature area available (it only appears if content is placed in it).

Additional Content Blocks

This content is unique to the page but secondary to the main content. Not every web page has additional content blocks and only the F2 and F3 series templates in the QuickSite have them.

Generated Content Blocks

These contain information that is automatically generated and displayed on multiple pages in a site. This can include any or all of the following: menus, links, ads, teasers, etc. Not every web page has generated content. Only some of the templates in the QuickSite have generated content blocks.

Determine page templates & FCEs needed

Once the content is characterized, you will be able determine:

  1. which page templates are needed (F1a,F2d, etc.)
  2. what part of the layouts should be handled by utility FCEs
  3. what must be handled by unique FCEs

In the Templates section, you can find out what page templates and utility FCEs are available in the Busy Noggin QuickSite. Once you have determined which templates are needed for your site, it is recommended that you move any unneeded page or FCE templates into a sysFolder labeled "Unused Templates".

Create a New Skin  >>