$30 off During Our Annual Pro Sale. View Details »

Fluid Styleguide – Living Styleguide für TYPO3

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

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
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
280
Vite – TYPO3's nimble frontend companion
Avatar for Simon Praetorius s2b
0
480
Pragmatic Responsive Images
Avatar for Simon Praetorius s2b
0
270
Expedition into the Frontend Jungle
Avatar for Simon Praetorius s2b
0
840
Vite & TYPO3
Avatar for Simon Praetorius s2b
0
1.4k
The [r]evolution of Fluid Components
Avatar for Simon Praetorius s2b
0
700
Daily Business with a Living Styleguide
Avatar for Simon Praetorius s2b
0
330
TranslateLabels – Einfache Übersetzungen in TYPO3
Avatar for Simon Praetorius s2b
0
120
Fluid Components in Production
Avatar for Simon Praetorius s2b
0
890

Other Decks in Technology

See All in Technology
eBPFとwaruiBPF
Avatar for Satoru Takeuchi sat
PRO
4
2.5k
Haskell を武器にして挑む競技プログラミング ─ 操作的思考から意味モデル思考へ
Avatar for Naoya Ito naoya
1
520
AIと二人三脚で育てた、個人開発アプリグロース術
Avatar for ZOZO Developers zozotech
PRO
0
690
モダンデータスタック (MDS) の話とデータ分析が起こすビジネス変革
Avatar for suto sutotakeshi
0
410
多様なデジタルアイデンティティを攻撃からどうやって守るのか / 20251212
Avatar for Ayokura ayokura
0
270
品質のための共通認識
Avatar for KAKEHASHI kakehashi
PRO
3
220
因果AIへの招待
Avatar for Shohei SHIMIZU sshimizu2006
0
930
生成AI・AIエージェント時代、データサイエンティストは何をする人なのか？そして、今学生であるあなたは何を学ぶべきか？
Avatar for kuri8ive kuri8ive
2
2.1k
regrowth_tokyo_2025_securityagent
Avatar for h-ashisan hiashisan
0
170
ガバメントクラウド利用システムのライフサイクルについて
Avatar for 高橋広和 techniczna
0
180
21st ACRi Webinar - Univ of Tokyo Presentation Slide (Shinya Takamaeda)
Avatar for Nao Sumikawa nao_sumikawa
0
120
モバイルゲーム開発におけるエージェント技術活用への試行錯誤 ～開発効率化へのアプローチの紹介と未来に向けた展望～
Avatar for QualiArts qualiarts
0
660

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k

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!