RSS Feed

November, 2011

  1. My web design process

    November 3, 2011 by admin

    My web design/development process:

    » Right side of brain (intuition, creativity)
    » Left side of brain (rationality, logic)
    » Firebug

    Category css, design | Tags: | No Comments

  2. Programming quote – on requirements

    November 3, 2011 by admin

    Without requirements or design, programming is the art of adding bugs to an empty text file. — Louis Srygley

    Category Uncategorized | Tags: | No Comments

  3. Typoscript snippet – intelligent HTML template layout

    November 3, 2011 by admin

    From working with other CMS like Joomla, Drupal and WordPress I’m used to have a certain logic to my template. Assuming a basic three column layout (left sidebar, main content, right sidebar) this is one approach which I will continue to refine in a later article – to only show an area if there is actual published content in this assigned to it.

    So, consequently, you don’t have to manually assign a different layout to pages, post, articles, … but only fill the areas with content and the template will automatically adapt.

    This snippet will only wrap an area if there is a published content element assigned to it.

    temp.LEFTCONTENT < styles.content.getLeft
temp.LEFTCONTENT.stdWrap {
	wrap = <div id="left"> |</div>
	required = 1
}
 
temp.MAINCONTENT < styles.content.get
temp.MAINCONTENT.stdWrap {
	wrap = <div id="main"> | </div>
	required = 1
}
 
temp.RIGHTCONTENT < styles.content.getRight
temp.RIGHTCONTENT.stdWrap {
	wrap = <div id="right"> | </div>
	required = 1
}

    Assign the temp objects to available subparts in your HTML template file.

    page.10 = TEMPLATE
page.10 {
 
	workOnSubpart = document
 
	subparts.leftcontent < temp.LEFTCONTENT
	subparts.maincontent < temp.MAINCONTENT
	subparts.rightcontent < temp.RIGHTCONTENT
 
}

    More on styling these resulting areas soon …

    Category typo3 | Tags: , | No Comments

  4. Typo3 Typoscript snippet Basic configuration

    November 3, 2011 by admin

    I develop a lot of HTML Typoscript templates for Typo3, without Templavoila or any other fancy extensions. With the release of Typo3 4.5 and the introduction of Backend Layouts there have been a lot of improvements which make Templavoila obsolete in many scenarios.

    I will post a few Typoscript snippets I use in a lot of projects over the next few weeks.

    Basic configuration stuff

    config {
  language = de
  locale_all = de_DE
  doctype = html5
  htmlTag_setParams = lang="de
  prologue = none
  metaCharset = utf-8
  htmlTag_langKey = de-DE
  linkVars = L
  sys_language_uid = 1
  spamProtectEmailAddresses = 1
  spamProtectEmailAddresses_atSubst =  (at) 
}

    What this does is to set the language to german, define language url parameters for a multi language setup and try to protect standard email addresses.

     

    More to come soon …

    Category typo3, Uncategorized | Tags: ,, | 2 Comments