Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fluid Styleguide – Living Styleguide für TYPO3

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Simon Praetorius Simon Praetorius
September 12, 2019
Technology
0
200

Fluid Styleguide – Living Styleguide für TYPO3

TODO

https://fluidcomponents.sitegeist.de/

#dmexco #typo3

Avatar for Simon Praetorius

Simon Praetorius

September 12, 2019
Tweet

More Decks by Simon Praetorius

See All by Simon Praetorius
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
150
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
330
Vite – TYPO3's nimble frontend companion
Avatar for Simon Praetorius s2b
0
520
Pragmatic Responsive Images
Avatar for Simon Praetorius s2b
0
300
Expedition into the Frontend Jungle
Avatar for Simon Praetorius s2b
0
870
Vite & TYPO3
Avatar for Simon Praetorius s2b
0
1.5k
The [r]evolution of Fluid Components
Avatar for Simon Praetorius s2b
0
740
Daily Business with a Living Styleguide
Avatar for Simon Praetorius s2b
0
340
TranslateLabels – Einfache Übersetzungen in TYPO3
Avatar for Simon Praetorius s2b
0
140

Other Decks in Technology

See All in Technology
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
71k
Secure Boot 2026 - Aggiornamento dei certificati UEFI e piano di adozione in azienda
Avatar for Intune Italian User Group memiug
0
130
「データとの対話」の現在地と未来
Avatar for kobakou kobakou
0
1.3k
オンプレとGoogle Cloudを安全に繋ぐための、セキュア通信の勘所
Avatar for Yuta Ozaki waiwai2111
3
1.1k
問い合わせ自動化の技術的挑戦
Avatar for Recruit recruitengineers
PRO
2
130
LINEアプリ開発のための Claude Code活用基盤の構築
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
1.3k
OSSで構築するIT基盤管理実践事例: NetBox・Snipe-IT・FreeRADIUS+PrivacyIDEA / Practical Case Studies of IT Infrastructure Management Using OSS
Avatar for NTT docomo Business nttcom
0
190
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4k
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1.1k
AI が Approve する開発フロー / How AI Reviewers Accelerate Our Development
Avatar for Hiroka Zaitsu zaimy
1
260
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k
Datadog Cloud Cost Management で実現するFinOps
Avatar for Taiji HAGINO taiponrock
PRO
0
130

Featured

See All Featured
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
300
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
160
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
80
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
460
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
110
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
96
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
250
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
68

Transcript

  1. Real Values. Simon Praetorius
 Fluid Styleguide Living Styleguide für TYPO3

  2. Real Values. Simon Praetorius: Fluid Styleguide TYPO3 + Fluid Fluid

    Components Fluid Styleguide

  3. Real Values. Simon Praetorius: Fluid Styleguide TYPO3 + Fluid Fluid

    Components Fluid Styleguide

  4. Real Values. Simon Praetorius: Fluid Styleguide – Komponenten Was sind

    Komponenten?

  5. Real Values. Beispiel: Teaser ICON TITLE DESCRIPTION LINK THEME Simon

    Praetorius: Fluid Styleguide – Komponenten

  6. Real Values. ♻ # $ ♿ presentational logicless encapsulated clear

    API enforce guidelines reusable ⌨ code Simon Praetorius: Fluid Styleguide – Komponenten

  7. Real Values. Component-Driven Development Integration Komponente Look&Feel API Website-Layout Daten-Aufbereitung

    $ FRONTEND ) INTEGRATOR Simon Praetorius: Fluid Styleguide – Komponenten

  8. Real Values. TYPO3 + Fluid Fluid Components Fluid Styleguide Simon

    Praetorius: Fluid Styleguide

  9. Real Values. Simon Praetorius: Fluid Styleguide – Living Styleguide Was

    ist ein Living Styleguide?

  10. Real Values. Was ist ein Dead Styleguide? Styleguide_Final2.pdf Simon Praetorius:

    Fluid Styleguide – Living Styleguide

  11. Real Values. Simon Praetorius: Fluid Styleguide – Living Styleguide Was

    ist ein Living Styleguide?

  12. Real Values. ♻ # $ ♿ presentational logicless encapsulated clear

    API enforce guidelines reusable ⌨ code Simon Praetorius: Fluid Styleguide – Living Styleguide

  13. Real Values. Simon Praetorius: Fluid Styleguide – Zielgruppen Wer ist

    die Zielgruppe?

  14. Real Values. Fluid Styleguide $ DESIGNER # DEVELOPER * PROJECT

    MANAGER + CLIENT Simon Praetorius: Fluid Styleguide – Zielgruppen

  15. Real Values. Simon Praetorius: Fluid Styleguide Sponsor & Erstnutzer

  16. Real Values. Demo fluidcomponents.sitegeist.de Simon Praetorius: Fluid Styleguide

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

  18. Real Values. Danke für die Aufmerksamkeit!