Designers package offer printing deals for graphic designers
Fluid for Designers
-
Upload
sebastian-kurfuerst -
Category
Technology
-
view
3.003 -
download
1
description
Transcript of Fluid for Designers
![Page 1: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/1.jpg)
Inspiring people toshareFluid for Designers
![Page 2: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/2.jpg)
Fluid for DesignersBerit Jensen <[email protected]>
Bastian Waidelich <[email protected]>Sebastian Kurfürst <[email protected]>
![Page 3: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/3.jpg)
Inspiring people toshareFluid for Designers
What is a Template Engine?
DataDataData Template
Template Engine
DataDataRendered Data
![Page 4: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/4.jpg)
Inspiring people toshareFluid for Designers
Marker vs. Fluid
![Page 5: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/5.jpg)
Inspiring people toshareFluid for Designers
News: Display category title
{article.category.title}
###NEWS_CATEGORY###
![Page 6: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/6.jpg)
Inspiring people toshareFluid for Designers
News: Display category title
{article.category.title}
###NEWS_CATEGORY###
###CATWRAP_B###
###TEXT_CAT_LATEST###
###CATWRAP_E###
![Page 7: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/7.jpg)
Inspiring people toshareFluid for Designers
News: Display category title
###NEWS_CATEGORY###
###CATWRAP_B###
###TEXT_CAT_LATEST###
###CATWRAP_E###
<p><f:translate key=“categoryLabel“ /> {article.category.title}</p>
![Page 8: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/8.jpg)
Inspiring people toshareFluid for Designers
![Page 9: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/9.jpg)
Inspiring people toshareFluid for Designers
News: Display list
###TEMPLATE_LATEST###
###TEMPLATE_LIST###
###TEMPLATE_LIST2###
![Page 10: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/10.jpg)
Inspiring people toshareFluid for Designers
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>
![Page 11: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/11.jpg)
Inspiring people toshareFluid for Designers
![Page 12: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/12.jpg)
Inspiring people toshareFluid for Designers
What markers are available?
NEWS_UID - ID number (uid) of the news itemNEWS_TITLE - News item title
NEWS_AUTHOR - name of authorNEWS_EMAIL - email of author
NEWS_DATE - dateNEWS_TIME - time
NEWS_AGE - age of news item in minutes, hours, days or yearsNEWS_SUBHEADER - subheader, if empty main content is inserted here in LIST and LATEST
NEWS_CONTENT - main contentNEWS_LINKS - news links
NEWS_CATEGORY - news item categoryNEWS_CATEGORY_IMAGE - news item category image
NEWS_RELATED - links to related newsNEWS_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 anyPAGE_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 templateARCHIVE_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 archiveSEARCH_EMPTY_MSG - message for empty search results
TEXT_NEWS_AGE - text inserted before the age of the news item
!?!?
The shown personas are models and have nothing to do with the depicted work context.
![Page 13: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/13.jpg)
Inspiring people toshareFluid for Designers
... three weeks later ...
![Page 14: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/14.jpg)
Inspiring people toshareFluid for Designers
A Marker is missing!
Wait a second, I'll create something.
The shown personas are models and have nothing to do with the depicted work context.
![Page 15: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/15.jpg)
Inspiring people toshareFluid for Designers
http://center.gordonswine.com /stuff/contentmgr/files/fce82a1b415a4b47138a8b5e58b74dc2/images/33_smoking_cosmos_on_the_bar.jpg
![Page 16: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/16.jpg)
Inspiring people toshareFluid for Designers
I need this marker...
Wait, it's a lot easier now!
:-)
Articletitledatecontentimagecategory
Categorytitleimage
The shown personas are models and have nothing to do with the depicted work context.
![Page 17: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/17.jpg)
UML is scary!
![Page 18: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/18.jpg)
Inspiring people toshareFluid for Designers
Articletitledatecontentimagecategory
Categorytitleimage
{article.title}
{article.category.title}
UML is not scary!
![Page 19: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/19.jpg)
![Page 20: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/20.jpg)
![Page 21: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/21.jpg)
![Page 22: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/22.jpg)
Sneak Preview
![Page 23: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/23.jpg)
![Page 24: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/24.jpg)
Inspiring people toshareFluid for Designers
![Page 25: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/25.jpg)
Inspiring people toshareFluid for Designers
?????????????
![Page 26: Fluid for Designers](https://reader030.fdocuments.us/reader030/viewer/2022020307/5596d7601a28aba9098b46ea/html5/thumbnails/26.jpg)
inspiring people to share.