Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Fluid Styleguide – Living Styleguide für TYPO3
Search
Simon Praetorius
September 12, 2019
Technology
0
180
Fluid Styleguide – Living Styleguide für TYPO3
TODO
https://fluidcomponents.sitegeist.de/
#dmexco #typo3
Simon Praetorius
September 12, 2019
Tweet
Share
More Decks by Simon Praetorius
See All by Simon Praetorius
The State of Fluid (2025)
s2b
0
260
Vite – TYPO3's nimble frontend companion
s2b
0
460
Pragmatic Responsive Images
s2b
0
270
Expedition into the Frontend Jungle
s2b
0
800
Vite & TYPO3
s2b
0
1.4k
The [r]evolution of Fluid Components
s2b
0
690
Daily Business with a Living Styleguide
s2b
0
320
TranslateLabels – Einfache Übersetzungen in TYPO3
s2b
0
110
Fluid Components in Production
s2b
0
880
Other Decks in Technology
See All in Technology
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
oikon48
10
4.3k
AI Agent Dojo #2 watsonx Orchestrateフローの作成
oniak3ibm
PRO
0
120
能登半島地震において デジタルができたこと・できなかったこと
ditccsugii
0
220
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
140
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
310
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
250
OCI Network Firewall 概要
oracle4engineer
PRO
2
7.9k
AgentCon Accra: Ctrl + Alt + Assist: AI Agents Edition
bethany
0
110
2025-10-09_プロジェクトマネージャーAIチャンス
taukami
0
150
プレーリーカードを活用しよう❗❗デジタル名刺交換からはじまるイベント会場交流のススメ
tsukaman
0
170
ビズリーチ求職者検索におけるPLMとLLMの活用 / Search Engineering MEET UP_2-1
visional_engineering_and_design
1
130
Digitization部 紹介資料
sansan33
PRO
1
5.5k
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Side Projects
sachag
455
43k
Building an army of robots
kneath
306
46k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Agile that works and the tools we love
rasmusluckow
331
21k
Mobile First: as difficult as doing things right
swwweet
224
10k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Cult of Friendly URLs
andyhume
79
6.6k
A designer walks into a library…
pauljervisheath
209
24k
Rails Girls Zürich Keynote
gr2m
95
14k
How to Think Like a Performance Engineer
csswizardry
27
2k
Transcript
Real Values. Simon Praetorius Fluid Styleguide Living Styleguide für TYPO3
Real Values. Simon Praetorius: Fluid Styleguide TYPO3 + Fluid Fluid
Components Fluid Styleguide
Real Values. Simon Praetorius: Fluid Styleguide TYPO3 + Fluid Fluid
Components Fluid Styleguide
Real Values. Simon Praetorius: Fluid Styleguide – Komponenten Was sind
Komponenten?
Real Values. Beispiel: Teaser ICON TITLE DESCRIPTION LINK THEME Simon
Praetorius: Fluid Styleguide – Komponenten
Real Values. ♻ # $ ♿ presentational logicless encapsulated clear
API enforce guidelines reusable ⌨ code Simon Praetorius: Fluid Styleguide – Komponenten
Real Values. Component-Driven Development Integration Komponente Look&Feel API Website-Layout Daten-Aufbereitung
$ FRONTEND ) INTEGRATOR Simon Praetorius: Fluid Styleguide – Komponenten
Real Values. TYPO3 + Fluid Fluid Components Fluid Styleguide Simon
Praetorius: Fluid Styleguide
Real Values. Simon Praetorius: Fluid Styleguide – Living Styleguide Was
ist ein Living Styleguide?
Real Values. Was ist ein Dead Styleguide? Styleguide_Final2.pdf Simon Praetorius:
Fluid Styleguide – Living Styleguide
Real Values. Simon Praetorius: Fluid Styleguide – Living Styleguide Was
ist ein Living Styleguide?
Real Values. ♻ # $ ♿ presentational logicless encapsulated clear
API enforce guidelines reusable ⌨ code Simon Praetorius: Fluid Styleguide – Living Styleguide
Real Values. Simon Praetorius: Fluid Styleguide – Zielgruppen Wer ist
die Zielgruppe?
Real Values. Fluid Styleguide $ DESIGNER # DEVELOPER * PROJECT
MANAGER + CLIENT Simon Praetorius: Fluid Styleguide – Zielgruppen
Real Values. Simon Praetorius: Fluid Styleguide Sponsor & Erstnutzer
Real Values. Demo fluidcomponents.sitegeist.de Simon Praetorius: Fluid Styleguide
Real Values. Links mehr Informationen fluidcomponents.sitegeist.de sitegeist @sitegeist_de / techblog.sitegeist.de
/ sitegeist.de Simon Praetorius @s2bproject / @somethingphp /
[email protected]
Simon Praetorius: Fluid Styleguide
Real Values. Danke für die Aufmerksamkeit!