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

Fluid Styleguide – Living Styleguide für TYPO3

Avatar for Simon Praetorius Simon Praetorius
September 12, 2019
Technology
210
0

Fluid Styleguide – Living Styleguide für TYPO3

TODO

https://fluidcomponents.sitegeist.de/

#dmexco #typo3

Avatar for Simon Praetorius

Simon Praetorius

September 12, 2019

More Decks by Simon Praetorius

See All by Simon Praetorius
What SPAs Got Right: Lessons for Boring Web Development
Avatar for Simon Praetorius s2b
0
68
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
280
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
360
Vite – TYPO3's nimble frontend companion
Avatar for Simon Praetorius s2b
0
550
Pragmatic Responsive Images
Avatar for Simon Praetorius s2b
0
320
Expedition into the Frontend Jungle
Avatar for Simon Praetorius s2b
0
900
Vite & TYPO3
Avatar for Simon Praetorius s2b
0
1.5k
The [r]evolution of Fluid Components
Avatar for Simon Praetorius s2b
0
770
Daily Business with a Living Styleguide
Avatar for Simon Praetorius s2b
0
360

Other Decks in Technology

See All in Technology
AWS運用におけるAI Agent活用術 / JAWS-UG 神戸 #11 LT大会
Avatar for GENDA genda
1
300
実例から学ぶ GuardDuty（SSH BruteForce）調査の全体フローと勘所【SecurityJAWS】
Avatar for サイバーセキュリティクラウド cscengineer
PRO
0
120
AI対話分析の夢と、汚いデータの現実 Looker / Dataplex / Dataform で実現する品質ファーストな基盤設計
Avatar for Yuta Ozaki waiwai2111
0
650
ワールドカフェ再び、そしてゴール・ルール・ロール・ツール / World Café Revisited, and the Goals-Rules-Roles-Tools
Avatar for Kenji Saito ks91
PRO
0
180
生成AI時代に信頼性をどう保ち続けるか - Policy as Code の実践
Avatar for akitok akitok_
1
500
Claude Code で使える DuckDB Skills を試してみた / DuckDB Skills and Claude Code
Avatar for MasahiroKawahara masahirokawahara
1
860
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
2.6k
O'Reilly Infrastructure & Ops Superstream: Platform Engineering for Developers, Architects & the Rest of Us
Avatar for Syntasso syntasso
0
300
全社統制を維持しながら現場負担をどう減らすか〜プラットフォームチームとセキュリティチームで進めたSecurity Hub活用によるAWS統制の見直し〜/secjaws-security-hub-custom-insights
Avatar for みずほリサーチ&テクノロジーズ株式会社 先端技術研究部 mhrtech
1
590
Loadbalancing exporter internals
Avatar for ymotongpoo ymotongpoo
1
110
20260515 ⾃分のアカウントとプライバシーを守る認証と認可の話〜利⽤者向け〜
Avatar for OpenID Foundation Japan oidfj
0
760
サイボウズ、プラットフォームエンジニアリング始めるってよ ― プラットフォームチームの事業貢献と組織アラインメントの強化
Avatar for Shin'ya Ueoka ueokande
0
120

Featured

See All Featured
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
130
Design in an AI World
Avatar for tapps tapps
1
210
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
360
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
460
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
340
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
10k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.2k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
170
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.9k

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!