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

Fluid Styleguide – Living Styleguide für TYPO3

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Simon Praetorius Simon Praetorius
September 12, 2019
Technology
220
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
Fluid Detected
Avatar for Simon Praetorius s2b
0
60
What SPAs Got Right: Lessons for Boring Web Development
Avatar for Simon Praetorius s2b
0
90
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
330
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
390
Vite – TYPO3's nimble frontend companion
Avatar for Simon Praetorius s2b
0
590
Pragmatic Responsive Images
Avatar for Simon Praetorius s2b
0
350
Expedition into the Frontend Jungle
Avatar for Simon Praetorius s2b
0
920
Vite & TYPO3
Avatar for Simon Praetorius s2b
0
1.6k
The [r]evolution of Fluid Components
Avatar for Simon Praetorius s2b
0
800

Other Decks in Technology

See All in Technology
20分でわかるセキュアAPI
Avatar for nwiizo nwiizo
2
260
JavaScript 研修 (2026)
Avatar for Recruit recruitengineers
PRO
2
530
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
23
430k
カートの信頼性を担保するWireMockを使ったe2eテスト
Avatar for ykagano ykagano
0
250
FDEの心得
Avatar for Noriaki Oji noriakioji
4
5.1k
FPGAが実現する遠方宇宙の高空間分解能天体撮影 -大型地上望遠鏡の視力を補正する「補償光学」とは？-
Avatar for 高橋光明 / Mitsuaki Takahashi komei_mt
0
230
【CEDEC2026】『ウマ娘 プリティーダービー』 英語版のキャラクターの方言や口調をローカライズするための創造的アプローチ
Avatar for Cygames, Inc. cygames
PRO
2
470
モダンフロントエンド 開発研修
Avatar for Recruit recruitengineers
PRO
4
620
【CEDEC2026】次世代デジタルカードゲームのサーバー設計と運用 〜『Shadowverse: Worlds Beyond』の舞台裏～
Avatar for Cygames, Inc. cygames
PRO
1
1.2k
強化学習「理論」入門
Avatar for Etsuji Nakai enakai00
3
3.6k
サイバー捜査員研修（前半）
Avatar for Nomizo Nomizo nomizone
1
2k
Forza Horizon 6 のテレメトリ機能で 自動運転に使えそうな学習データを集める話
Avatar for henjin0 henjin0
0
170

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
611
70k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
25k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
460
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
420
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.8k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k

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!