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
150
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
Vite – TYPO3's nimble frontend companion
s2b
0
320
Pragmatic Responsive Images
s2b
0
230
Expedition into the Frontend Jungle
s2b
0
740
Vite & TYPO3
s2b
0
1.2k
The [r]evolution of Fluid Components
s2b
0
630
Daily Business with a Living Styleguide
s2b
0
270
TranslateLabels – Einfache Übersetzungen in TYPO3
s2b
0
100
Fluid Components in Production
s2b
0
830
Fluid Components
s2b
0
87
Other Decks in Technology
See All in Technology
RECRUIT TECH CONFERENCE 2025 プレイベント【高橋】
recruitengineers
PRO
0
160
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
330
ハッキングの世界に迫る~攻撃者の思考で考えるセキュリティ~
nomizone
13
5.2k
ホワイトボードチャレンジ 説明&実行資料
ichimichi
0
130
エンジニアが加速させるプロダクトディスカバリー 〜最速で価値ある機能を見つける方法〜 / product discovery accelerated by engineers
rince
4
370
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
1
240
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
2
3k
Swiftの “private” を テストする / Testing Swift "private"
yutailang0119
0
130
OpenID Connect for Identity Assurance の概要と翻訳版のご紹介 / 20250219-BizDay17-OIDC4IDA-Intro
oidfj
0
280
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
3
1.3k
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
730
君も受託系GISエンジニアにならないか
sudataka
2
440
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
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!