Fluid Styleguide – Living Styleguide für TYPO3

TODO

https://fluidcomponents.sitegeist.de/

#dmexco #typo3

Transcript

1. Real Values.
   Simon Praetorius

   Fluid Styleguide
   Living Styleguide für TYPO3
   

   View Slide

2. Real Values.
   Simon Praetorius: Fluid Styleguide
   TYPO3 + Fluid
   Fluid Components
   Fluid Styleguide
   

   View Slide

3. Real Values.
   Simon Praetorius: Fluid Styleguide
   TYPO3 + Fluid
   Fluid Components
   Fluid Styleguide
   

   View Slide

4. Real Values.
   Simon Praetorius: Fluid Styleguide – Komponenten
   Was sind
   Komponenten?
   

   View Slide

5. Real Values.
   Beispiel: Teaser
   ICON
   TITLE
   DESCRIPTION
   LINK
   THEME
   Simon Praetorius: Fluid Styleguide – Komponenten
   

   View Slide

6. Real Values.
   ♻
   # $
   ♿
   presentational
   logicless
   encapsulated
   clear API
   enforce guidelines
   
   reusable
   ⌨
   code
   Simon Praetorius: Fluid Styleguide – Komponenten
   

   View Slide

7. Real Values.
   Component-Driven Development
   Integration Komponente
   Look&Feel
   API
   Website-Layout
   Daten-Aufbereitung
   $ FRONTEND
   ) INTEGRATOR
   Simon Praetorius: Fluid Styleguide – Komponenten
   

   View Slide

8. Real Values.
   TYPO3 + Fluid
   Fluid Components
   Fluid Styleguide
   Simon Praetorius: Fluid Styleguide
   

   View Slide

9. Real Values.
   Simon Praetorius: Fluid Styleguide – Living Styleguide
   Was ist ein
   Living Styleguide?
   

   View Slide

10. Real Values.
    Was ist ein
    Dead Styleguide?
    Styleguide_Final2.pdf
    Simon Praetorius: Fluid Styleguide – Living Styleguide
    

    View Slide

11. Real Values.
    Simon Praetorius: Fluid Styleguide – Living Styleguide
    Was ist ein
    Living Styleguide?
    

    View Slide

12. Real Values.
    ♻
    # $
    ♿
    presentational
    logicless
    encapsulated
    clear API
    enforce guidelines
    
    reusable
    ⌨
    code
    Simon Praetorius: Fluid Styleguide – Living Styleguide
    

    View Slide

13. Real Values.
    Simon Praetorius: Fluid Styleguide – Zielgruppen
    Wer ist die
    Zielgruppe?
    

    View Slide

14. Real Values.
    Fluid Styleguide
    $ DESIGNER
    # DEVELOPER * PROJECT MANAGER
    + CLIENT
    Simon Praetorius: Fluid Styleguide – Zielgruppen
    

    View Slide

15. Real Values.
    Simon Praetorius: Fluid Styleguide
    Sponsor & Erstnutzer
    

    View Slide

16. Real Values.
    Demo
    fluidcomponents.sitegeist.de
    Simon Praetorius: Fluid Styleguide
    

    View Slide

17. Real Values.
    Links
    mehr Informationen
    fluidcomponents.sitegeist.de
    sitegeist
    @sitegeist_de / techblog.sitegeist.de / sitegeist.de
    Simon Praetorius
    @s2bproject / @somethingphp / praetorius@sitegeist.de
    Simon Praetorius: Fluid Styleguide
    

    View Slide

18. Real Values.
    Danke für die Aufmerksamkeit!
    

    View Slide