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
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
130
What SPAs Got Right: Lessons for Boring Web Development
Avatar for Simon Praetorius s2b
0
100
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
350
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
400
Vite – TYPO3's nimble frontend companion
Avatar for Simon Praetorius s2b
0
600
Pragmatic Responsive Images
Avatar for Simon Praetorius s2b
0
360
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
810

Other Decks in Technology

See All in Technology
現場の暗黙知を継承するAIエージェント — 対話から生まれる長期記憶と Skills
Avatar for Atsuki Shirasawa atsukish
0
210
指示待ちから変化に応じるClaude Codeへ！~環境からAgentへの帰り道を作る~
Avatar for Gota gotalab555
9
1.7k
AI駆動開発をチームに根付かせる - 「1行も書かない」チームがHarnessを育てた1年 -
Avatar for Ken'ichirou Kimura kenichirokimura
6
3.6k
When Token Pruning is Worse than Random: Understanding Visual Token Information in VLLMs
Avatar for SansanTech sansantech
PRO
0
220
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
Avatar for syarihu syarihu
0
260
会計事務所と顧問先の契約関係をOIDC・OAuthで表現する
Avatar for てらら terara
0
570
Hub & Spoke 環境のネットワークルーティングを分解してみる
Avatar for Tsuyataku tsuyataku
1
490
The Django UUID Story - DjangoCon US 2026
Avatar for Paolo Melchiorre pauloxnet
0
360
IHV like なユースケースへのOpenID Connect 関連仕様の適用事例
Avatar for OPTiM optim
0
440
Does an AI Watermark Survive Translation?
Avatar for Es C machinetranslation
0
510
APIセキュリティを組織で実現するには~注力する点と設計・実装に入れたい対策~
Avatar for RiiiM(りむ) riiimparm
3
840
研究開発部の紹介 / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
4
25k

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.9k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
190
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.1k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
67
57k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
990
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
340
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.3k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
390
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.8k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.6k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.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!