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

Fluid Styleguide – Living Styleguide für TYPO3

Simon Praetorius
September 12, 2019
Technology
0
94

Fluid Styleguide – Living Styleguide für TYPO3

TODO

https://fluidcomponents.sitegeist.de/

#dmexco #typo3

Simon Praetorius

September 12, 2019
Tweet

More Decks by Simon Praetorius

See All by Simon Praetorius
Pragmatic Responsive Images
s2b
0
110
Expedition into the Frontend Jungle
s2b
0
540
Vite & TYPO3
s2b
0
700
The [r]evolution of Fluid Components
s2b
0
510
Daily Business with a Living Styleguide
s2b
0
190
TranslateLabels – Einfache Übersetzungen in TYPO3
s2b
0
78
Fluid Components in Production
s2b
0
730
Fluid Components
s2b
0
76
Responsive Images mit TYPO3 8.7
s2b
0
750

Other Decks in Technology

See All in Technology
require(ESM)とECMAScript仕様
uhyo
3
690
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
250
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
250
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
140
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
210
Java EE/Jakarta EEの現状と将来 ―クラウドネイティブ時代にJava EEは対応できるのか？―
takakiyo
1
160
ワールドカフェI ／チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
120
AOAI をきっかけに​ 社内の Azure 管理を見直した話​
recruitengineers
PRO
1
290
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
210
【NW X Security JAWS#3】L3-4:AWS環境のIPv6移行に向けて知っておきたいこと
shotashiratori
0
220
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
530
On Your Data を超えていく！
hirotomotaguchi
2
690

Featured

See All Featured
Being A Developer After 40
akosma
57
580k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Six Lessons from altMBA
skipperchong
21
3k
Optimizing for Happiness
mojombo
370
69k
Producing Creativity
orderedlist
PRO
337
39k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
10 Git Anti Patterns You Should be Aware of
lemiorhan
648
58k
In The Pink: A Labor of Love
frogandcode
138
21k
How to name files
jennybc
65
93k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
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!