‘Style Guides’ Videos

  • Sarah Semark: Night Of The Living Style Guides

    Sarah Semark: Night Of The Living Style Guides

    WordCamp Europe 2017Speaker: Sarah Semark

    June 21, 2017 — Sarah Semark is a designer, developer, and world-traveller. After running a business for eight years, she now works for Automattic designing and building WordPress themes.

    The line between design and development is getting blurrier, and our approach to web design is becoming more modular. How do we keep track of it all?

    Style guides to the rescue!

    Using style guides that update as our projects progress, we can visually document our work and ensure that everything stays consistent. They may seem daunting and time-consuming at first, but they don’t have to be.

    How do I get started with living style guides? What’s a living style guide anyway, and how do I know if mine is dead? Isn’t that going to slow me down? Why should I bother?

  • Naoko Takano: Build Your Locale Style Guide
  • Lucijan Blagonić: Moving the design process to the browser

    Lucijan Blagonić: Moving the design process to the browser

    WordCamp Europe 2016Speaker: Lucijan Blagonić

    July 2, 2016 — Responsive design has changed the way we think about designing websites — we have to cater to wide range of devices and interactions and adapt our design process accordingly. Learn about the benefits of utilising a style guide to establish a strong visual language which will help you design and code stand–alone modular components.

    Presentation Slides »

  • Łukasz Korowicki i Michał Strześniewski: Style Guide Driven Development, czyli jak wykonać więcej za mniej

    Łukasz Korowicki i Michał Strześniewski: Style Guide Driven Development, czyli jak wykonać więcej za mniej

    WordCamp Krakow 2015Speakers: Łukasz Korowicki, Michał Strześniewski

    January 5, 2016 — Proces wytwarzania stron internetowych potrafi być bardzo złożony, przez co osiągnięcie zamierzonego celu może zależeć od wielu czynników. Praca pod presją czasu powoduje, iż każda osoba odpowiedzialna za jeden z etapów stara się go wykonać możliwie najszybciej.
    Style Guide Driven Development (SGDD) to wzorzec projektowy, dzięki któremu kolejne etapy projektu zajmują mniej czasu niż poprzednie.
    Często zapominamy, że niewielkie problemy, które pojawią się na etapie tworzenia grafiki potrafią urosnąć do rangi błędów krytycznych tuż przed oddaniem projektu. Rozkładając odpowiedzialność za projekt w sposób bardziej równomierny i dostosowany do kompetencji uczestników projektu, uzyskujemy projekt kompletny, któremu do perfekcji brakuje możliwie mało.
    SGDD to proces dzięki któremu nie tylko programiści mają ułatwione zadanie, ale także specjaliści od SEO oraz UX.

    Presentation Slides »

  • Pete Schuster: CSS Architecture and Style Guides

    Pete Schuster: CSS Architecture and Style Guides

    WordCamp Philly 2015Speaker: Pete Schuster

    November 5, 2015 — This session will cover CSS style guides and architecture. It will introduce and explain the benefits of OOCSS, BEM, and style guide driven development.