SlideShare a Scribd company logo
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.

More Related Content

Recently uploaded

"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin..."$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
Fwdays
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
DianaGray10
 
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptxPRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
christinelarrosa
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
christinelarrosa
 
Leveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and StandardsLeveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and Standards
Neo4j
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
Miro Wengner
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
Javier Junquera
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
Pablo Gómez Abajo
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
DanBrown980551
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
Ajin Abraham
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
operationspcvita
 
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
saastr
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Alex Pruden
 
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
DanBrown980551
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
Brandon Minnick, MBA
 

Recently uploaded (20)

"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin..."$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
 
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptxPRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
 
Leveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and StandardsLeveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and Standards
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
 
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
 
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
 

Featured

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
Marius 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 ChatGPT
Expeed 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 Engineerings
Pixeldarts
 
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
ThinkNow
 
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
marketingartwork
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
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
Neil 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 2024
Albert 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 Insights
Kurio // 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 2024
Search 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 summary
SpeakerHub
 
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 Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit 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 management
MindGenius
 
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
 

Featured (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