T3DD13: Improving css styled content

Post on 09-Jun-2015

363 views 1 download

Tags:

description

Introduction to the workshop "Improving css_styled_content" at the T3DD13, Elbcampus, Harburg, Germany on July 6th 2013

Transcript of T3DD13: Improving css styled content

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

IMPROVINGCSS_STYLED_CONTENT

Or actually ...Getting rid of it!

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

๏ Freelancer

๏ 42

๏ The Netherlands

๏ Universities / Television

๏ TYPO3 CMS Core Team Member since 2006

๏ TYPO3 Content Rendering Group

๏ Accessibility

๏ Usability

๏ Working with TYPO3 since 2000/2001

PATRICKBROENS

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

WHAT’S THEPROBLEM?tt_content has too many options

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

WHAT’S THEPROBLEM?Ever tried to adapt css_styled_content for your needs?

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

WHAT’S THEPROBLEM?A CMS is not a website design tool!

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

WE LIVE INTHE FUTURE

๏ Responsive webdesign

๏ Responsive images

๏ Frameworks

๏ HTML5

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

POSSIBLESOLUTIONFLUIDTEMPLATE

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

DRAWBACKS

๏ Backwards compatibility

๏ Many, many options

๏ Fluid performance

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

IDEAS

๏ Keep css_styled_content

๏ Installed by default

๏ Move tt_content TCA and table definition to CSC

css_styled_content

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

IDEAS

๏ New extension “content elements”

๏ Has its own tt_content table definition and TCA

๏ Only HTML5

๏ Based on FLUIDTEMPLATE

contentelements

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

NOW WHAT?

๏ Define tt_content options which can be removed

๏ First draft FLUIDTEMPLATE for each content element

๏ Viewhelpers collection

Time for some action

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

GET IN TOUCHCONTACT ME

Adres:Mechtildisstraat 395021 CM Tilburg

Telefoon:+31 6 53 11 66 80

Email:patrick@patrickbroens.nl

twitter.com/aurora_borealis

facebook.com/padraigbroens

linkedin.com/in/typo3development

patrick.broens

Contact meEmail: patrick@patrickbroens.nlSkype: patrick.broensTelefoon: +31 6 53 11 66 80

THANK YOU