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

Fluid Styleguide – Living Styleguide für TYPO3

Fluid Styleguide – Living Styleguide für TYPO3

Simon Praetorius

September 12, 2019
Tweet

More Decks by Simon Praetorius

Other Decks in Technology

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 / [email protected]
    Simon Praetorius: Fluid Styleguide

    View Slide

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

    View Slide