Tweet
Tweet

Slide 1

Slide 1 text

Thumper @robdel12

Slide 2

Slide 2 text

· Front end developer for izea · Mustang lover · My first conference ever… and LOVING it! A little about me

Slide 3

Slide 3 text

What exactly is Thumper?

Slide 4

Slide 4 text

The rabbit? This guy is crazy...

Slide 5

Slide 5 text

Where did the name come from?

Slide 6

Slide 6 text

I used to work at ThreeTwelve Creative

Slide 7

Slide 7 text

A responsive framework

Slide 8

Slide 8 text

Not just a responsive framework...

Slide 9

Slide 9 text

...A light, flexible, and scalable one

Slide 10

Slide 10 text

When compiled and compressed it weighs just 7kb.

Slide 11

Slide 11 text

Built upon LESS and SCSS For flexibility!  

Slide 12

Slide 12 text

Technically infinite

Slide 13

Slide 13 text

Bootstrap is based off of 12ths

Slide 14

Slide 14 text

Thumper is based off of 20ths

Slide 15

Slide 15 text

One 20th is 2.6% The gutter is 2%

Slide 16

Slide 16 text

So.. Almost infinite!

Slide 17

Slide 17 text

Spacer divs!

Slide 18

Slide 18 text

Like Bootstraps offset feature

Slide 19

Slide 19 text

Turns this:

Slide 20

Slide 20 text

Into this:

Slide 21

Slide 21 text

The code for it: Super simple

Slide 22

Slide 22 text

SCSS Media query mixins: · smallerDesktop (861px to 1040px ) ·tablet (640px to 860px) · mobile (0 to 639px)

Slide 23

Slide 23 text

So... Who is this for?

Slide 24

Slide 24 text

Not for those who need something done in 2 days

Slide 25

Slide 25 text

Nothing is prestyled

Slide 26

Slide 26 text

But why not?

Slide 27

Slide 27 text

New project = new everything

Slide 28

Slide 28 text

For those who start over every project

Slide 29

Slide 29 text

This is cool.. Examples?

Slide 30

Slide 30 text

SRMA.net

Slide 31

Slide 31 text

ASPG.com

Slide 32

Slide 32 text

GainingResults.com

Slide 33

Slide 33 text

I was going to show the mobile versions.. But they’re all broke

Slide 34

Slide 34 text

L

Slide 35

Slide 35 text

That’s Thumper!

Slide 36

Slide 36 text

Contact info: Twitter: @robdel12 Github: github.com/robdel12 Get the slides: Robert-deluca.com/blog