Internal processes – Current status & TODO – Framework



Internal processes – Current status & TODO – Framework

0 0


howto


On Github nevenduranec / howto

Internal processes

Current status & TODO

Mainly from the frontend perspective

Code guidelines

dox.web

  • HTML
  • CSS
  • JS
  • Format
  • Architecture

Framework

Let's write our own!

(12.2014)

Let's choose a framework!

(6.2015)

Gumby Framework

Gumby Framework testing ground

Gumby framework retires

(7.2015)

Let's choose a(nother) framework!

(7.2015)

Foundation

Pros & Cons

Pros

Development & maintenance

Community

Cons

Trying to solve every case

Learning framework specifics

Debugging

JS is poorly written?

Styleguides

Shared elements

  • Colors
  • Logotypes
  • Navigations
  • Forms
  • Typography
  • Iconography
  • Grid
  • Images
  • Media

Components

  • Header
  • Footer
  • Hero header
  • Listings
  • ...

Interactive components

  • Slider
  • Autocomplete
  • Modal
  • Tooltips
  • ...

Pages

  • Homepage
  • Article
  • Contact
  • Listing pages
  • ...

Pros & Cons

Pros

HTML first

Rapid development

New people

Documented

Estimates are more correct

Our components

Cons

First time setup

More about styleguides

http://users.web/neven/styleguides/src/http://styleguide.sc5.io/Automating Style Guide-Driven Development

Responsive images

  • Long overdue
  • Variations
  • Screen density
  • Art direction
  • Weight

...

Deployment & asset management

  • Long overdue
  • Development, preview & production servers/branches - github flow?
  • Cache busting & minification
  • Assets not in VCS - our or paid solution

Mobile first

  • It's not a buzzword
  • We are NOT doing it 100%
  • Requires involvement of every department

Design deliverables

  • homepage.jpg
  • Components & elements
  • Designed or descriptive

... then ...

we can talk, implement & improve on ...

  • Code reviews
  • Performance & performance budgets
  • Unit tests
  • Code linting (JS linting is allready on RTL)

...

Very important thing(s)

Involvement

Communication

Share your knowledge

Thank you for your time!

Sorry if I was too loud :o

Internal processes Current status & TODO Mainly from the frontend perspective