FEC13

Frontend Frameworks of Tomorrow

https://speakerdeck.com/mdo/frameworks-of-tomorrow

# Today

- Bootstrap
- Foundation
- Gumby
- tuktuk
- Pure (Adobe)

- All in one
- Documentation as Styleguides

# Tomorrow

- Customization, decoupled components etc.
- Frameworks are customizable
- Themes!

Trend goes towards simpler tools. One tool one job (UNIX philosophy anyone?)

- normalize.css
- Grid systems
- Font Awesome, Glyphicons
- animate.css

Put them all together and you get a "compilation framework".

New frameworks for mobile apps;

- Ratchet
- Framer

Preprocessors are the way to go, obviously (LESS & Sass).

Less javascript: using data attributes to ease javascript usage. javascript for designers...

# Next Week

More framworks built in-house. Use them as a styleguide at the company.
Easier for new employees to jump right in.

New thing: Media queries on the component level.

Native apps will come to the web..
Native apps will be built on the web..

Frontend Performance

# Where it matters.

- Cache invalidation
- Database clusters

We'll not talk about this stuff.
We'll talk about good practives, traps and some code.

This is for the craftsman.

## Performance matters

Performance is a **feature**: takes effort, conflicts with other features.

## Loading process

Timing:

1. Initial html
2. domready
3. onload
  - 6 parallel connections per host

## Don't block the browser

- js on bottom etc.

## Defering

- load stuff when usage is imminent
- load stuff after everything else is done
- images after page load

## Browser Cache

- cache busting parameters

## Tools

YUI...