Inspiring people to
Fluid for Designers   share
Fluid for Designers
     Berit Jensen <berit@typo3.org>
 Bastian Waidelich <bastian@typo3.org>
Sebastian Kurfürst <sebasti...
What is a Template Engine?

           Data
          Data                          Template
          Data




          ...
Marker vs. Fluid




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



       ###NEWS_CATEGORY###




                             {article.category.title}


   ...
News: Display category title

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


...
News: Display category title

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


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


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




                   ...
News: Display list


<f:for each="{articles}" as="article" iteration="iteration">
    <h2>{article.title}</h2>
    <f:if c...
Inspiring people to
Fluid for Designers   share
The shown personas are models and have nothing to
       do with the depicted work context.




                          ...
... 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.




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




                          ...
UML is scary!
UML is not scary!
         Article               Category
title                      title
date                       imag...
Sneak Preview
Inspiring people to
Fluid for Designers   share
????
                         ??
                         ??
                          ?
                       ??
       ...
inspiring people to share.
Fluid for Designers
Fluid for Designers
Fluid for Designers
Fluid for Designers
Upcoming SlideShare
Loading in...5
×

Fluid for Designers

3,422
-1

Published on

In this talk, we're explaining the benefits of Fluid for designers.

The shown personas are models and have nothing to do with the depicted work context.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,422
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
62
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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
  17. UML is scary!
  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. Sneak Preview
  20. Inspiring people to Fluid for Designers share
  21. ???? ?? ?? ? ?? ? ? Inspiring people to Fluid for Designers share
  22. inspiring people to share.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×