SlideShare une entreprise Scribd logo
1  sur  26
Télécharger pour lire hors ligne
Inspiring people to
Fluid for Designers   share
Fluid for Designers
     Berit Jensen <berit@typo3.org>
 Bastian Waidelich <bastian@typo3.org>
Sebastian Kurfürst <sebastian@typo3.org>
What is a Template Engine?

           Data
          Data                          Template
          Data




                      Template Engine


                       Rendered Data
                          Data
                          Data
                                         Inspiring people to
Fluid for Designers                      share
Marker vs. Fluid




                                     Inspiring people to
Fluid for Designers                  share
News: Display category title



       ###NEWS_CATEGORY###




                             {article.category.title}


                                      Inspiring people to
Fluid for Designers                   share
News: Display category title

###CATWRAP_B###
        ###TEXT_CAT_LATEST###
        ###NEWS_CATEGORY###
###CATWRAP_E###


                                {article.category.title}


                                         Inspiring people to
   Fluid for Designers                   share
News: Display category title

###CATWRAP_B###
        ###TEXT_CAT_LATEST###
        ###NEWS_CATEGORY###
###CATWRAP_E###


                         <p><f:translate key=“categoryLabel“ />
                         {article.category.title}</p>

                                               Inspiring people to
   Fluid for Designers                         share
Inspiring people to
Fluid for Designers   share
News: Display list


     ###TEMPLATE_LATEST###
     ###TEMPLATE_LIST###
     ###TEMPLATE_LIST2###




                             Inspiring people to
Fluid for Designers          share
News: Display list


<f:for each="{articles}" as="article" iteration="iteration">
    <h2>{article.title}</h2>
    <f:if condition="{iteration.cycle} == 1">
         <f:image src="{article.image}" maxWidth="500" />
    </f:if>
</f:for>




                                                       Inspiring people to
 Fluid for Designers                                   share
Inspiring people to
Fluid for Designers   share
The shown personas are models and have nothing to
       do with the depicted work context.




                                            !?!?
                                                                       NEWS_UID - ID number (uid) of the news item
                                                                               NEWS_TITLE - News item title
                                                                             NEWS_AUTHOR - name of author
                                                                              NEWS_EMAIL - email of author
                                                                                     NEWS_DATE - date
                                                                                     NEWS_TIME - time
                                                               NEWS_AGE - age of news item in minutes, hours, days or years
                                                     NEWS_SUBHEADER - subheader, if empty main content is inserted here in LIST and LATEST
                                                                              NEWS_CONTENT - main content
                                                                                 NEWS_LINKS - news links
                                                                          NEWS_CATEGORY - news item category
                                                                    NEWS_CATEGORY_IMAGE - news item category image
                                                                          NEWS_RELATED - links to related news
                                                                            NEWS_IMAGE - news item images
                                                                       NEWS_CATEGORY_ROOTLINE - category rootline

                                                                           PAGE_UID - Page id of the parent page (pid)
                                                                      PAGE_TITLE - Title of the parent page of the news item
                                                                               PAGE_AUTHOR - Page author, if any
                                                                         PAGE_AUTHOR_EMAIL - Page author email, if any

                                                                    <em>News Language Markers (see pi/locallang.php):</em>
                                                                         LATEST_HEADER - header for the LATEST element
                                                                       GOTOARCHIVE - link to archive page in latest template
                                                                                ARCHIVE_HEADER - same for AMENU
                                                                                         MORE - more ;-)
                                                    TEXT_CAT - text output before categories and category images in LIST view (eg: 'categories:')
                                                           TEXT_CAT_LATEST - the same in a shorter form for the LATEST element (eg: 'cat:')
                                                                        BACK_TO_LIST - link back to list-view in single-view template
                                                                                      ARCHIVE_EMPTY_MSG - no items in archive




                                What markers are
                                                                                     SEARCH_EMPTY_MSG - message for empty search results
                                                                                       TEXT_NEWS_AGE - text inserted before the age of the news item




                                   available?




                                                                                                                               Inspiring people to
         Fluid for Designers                                                                                                   share
... three weeks later ...




                                  Inspiring people to
Fluid for Designers               share
The shown personas are models and have nothing to
       do with the depicted work context.




                                                    Wait a second, I'll
                                                    create something.

                             A Marker is missing!




                                                                Inspiring people to
         Fluid for Designers                                    share
Inspiring people to
                              Fluid for Designers                                                                               share
http://center.gordonswine.com /stuff/contentmgr/files/fce82a1b415a4b47138a8b5e58b74dc2/images/33_smoking_cosmos_on_the_bar.jpg
The shown personas are models and have nothing to
       do with the depicted work context.




                                              :-)    Wait, it's a lot
                                                      easier now!
                                                             Article         Category
                                                      title            title
                                                      date             image
                                                      content
                                                      image
                                                      category




                             I need this marker...




                                                                             Inspiring people to
         Fluid for Designers                                                share
UML is scary!
UML is not scary!
         Article               Category
title                      title
date                       image
content
image
category
{article.title}
{article.category.title}
                                   Inspiring people to
   Fluid for Designers             share
Sneak Preview
Inspiring people to
Fluid for Designers   share
????
                         ??
                         ??
                          ?
                       ??
                        ?
                       ?


                              Inspiring people to
Fluid for Designers           share
inspiring people to share.

Contenu connexe

Dernier

Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 

Dernier (20)

Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 

En vedette

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

En vedette (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Fluid for Designers

  • 1. Inspiring people to Fluid for Designers share
  • 2. Fluid for Designers Berit Jensen <berit@typo3.org> Bastian Waidelich <bastian@typo3.org> Sebastian Kurfürst <sebastian@typo3.org>
  • 3. What is a Template Engine? Data Data Template Data Template Engine Rendered Data Data Data Inspiring people to Fluid for Designers share
  • 4. Marker vs. Fluid Inspiring people to Fluid for Designers share
  • 5. News: Display category title ###NEWS_CATEGORY### {article.category.title} Inspiring people to Fluid for Designers share
  • 6. News: Display category title ###CATWRAP_B### ###TEXT_CAT_LATEST### ###NEWS_CATEGORY### ###CATWRAP_E### {article.category.title} Inspiring people to Fluid for Designers share
  • 7. News: Display category title ###CATWRAP_B### ###TEXT_CAT_LATEST### ###NEWS_CATEGORY### ###CATWRAP_E### <p><f:translate key=“categoryLabel“ /> {article.category.title}</p> Inspiring people to Fluid for Designers share
  • 8. Inspiring people to Fluid for Designers share
  • 9. News: Display list ###TEMPLATE_LATEST### ###TEMPLATE_LIST### ###TEMPLATE_LIST2### Inspiring people to Fluid for Designers share
  • 10. News: Display list <f:for each="{articles}" as="article" iteration="iteration"> <h2>{article.title}</h2> <f:if condition="{iteration.cycle} == 1"> <f:image src="{article.image}" maxWidth="500" /> </f:if> </f:for> Inspiring people to Fluid for Designers share
  • 11. Inspiring people to Fluid for Designers share
  • 12. The shown personas are models and have nothing to do with the depicted work context. !?!? NEWS_UID - ID number (uid) of the news item NEWS_TITLE - News item title NEWS_AUTHOR - name of author NEWS_EMAIL - email of author NEWS_DATE - date NEWS_TIME - time NEWS_AGE - age of news item in minutes, hours, days or years NEWS_SUBHEADER - subheader, if empty main content is inserted here in LIST and LATEST NEWS_CONTENT - main content NEWS_LINKS - news links NEWS_CATEGORY - news item category NEWS_CATEGORY_IMAGE - news item category image NEWS_RELATED - links to related news NEWS_IMAGE - news item images NEWS_CATEGORY_ROOTLINE - category rootline PAGE_UID - Page id of the parent page (pid) PAGE_TITLE - Title of the parent page of the news item PAGE_AUTHOR - Page author, if any PAGE_AUTHOR_EMAIL - Page author email, if any <em>News Language Markers (see pi/locallang.php):</em> LATEST_HEADER - header for the LATEST element GOTOARCHIVE - link to archive page in latest template ARCHIVE_HEADER - same for AMENU MORE - more ;-) TEXT_CAT - text output before categories and category images in LIST view (eg: 'categories:') TEXT_CAT_LATEST - the same in a shorter form for the LATEST element (eg: 'cat:') BACK_TO_LIST - link back to list-view in single-view template ARCHIVE_EMPTY_MSG - no items in archive What markers are SEARCH_EMPTY_MSG - message for empty search results TEXT_NEWS_AGE - text inserted before the age of the news item available? Inspiring people to Fluid for Designers share
  • 13. ... three weeks later ... Inspiring people to Fluid for Designers share
  • 14. The shown personas are models and have nothing to do with the depicted work context. Wait a second, I'll create something. A Marker is missing! Inspiring people to Fluid for Designers share
  • 15. Inspiring people to Fluid for Designers share http://center.gordonswine.com /stuff/contentmgr/files/fce82a1b415a4b47138a8b5e58b74dc2/images/33_smoking_cosmos_on_the_bar.jpg
  • 16. The shown personas are models and have nothing to do with the depicted work context. :-) Wait, it's a lot easier now! Article Category title title date image content image category I need this marker... Inspiring people to Fluid for Designers share
  • 18. UML is not scary! Article Category title title date image content image category {article.title} {article.category.title} Inspiring people to Fluid for Designers share
  • 19.
  • 20.
  • 21.
  • 23.
  • 24. Inspiring people to Fluid for Designers share
  • 25. ???? ?? ?? ? ?? ? ? Inspiring people to Fluid for Designers share