Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Thumper

53f03faec1f8e5de88b555cb02ae6ac9?s=47 Robert DeLuca
June 22, 2013
Programming
1
100

 Thumper

My presentation at Front end conference about the responsive framework I built called Thumper.

53f03faec1f8e5de88b555cb02ae6ac9?s=128

Robert DeLuca

June 22, 2013
Tweet

More Decks by Robert DeLuca

See All by Robert DeLuca
53f03faec1f8e5de88b555cb02ae6ac9?s=48 robdel12
0
94
53f03faec1f8e5de88b555cb02ae6ac9?s=48 robdel12
0
220
53f03faec1f8e5de88b555cb02ae6ac9?s=48 robdel12
0
38
53f03faec1f8e5de88b555cb02ae6ac9?s=48 robdel12
0
77
53f03faec1f8e5de88b555cb02ae6ac9?s=48 robdel12
0
260

Other Decks in Programming

See All in Programming
6a44683c687b80182639bb4fc01ef419?s=48 higumachan
0
550
399e7330fa2a9ed06cbe81308ba8db6e?s=48 yug1224
0
200
B61a8b5e5ce71ea4796afaea614bbb19?s=48 nein37
1
2.4k
Fb0a40e5e7a9dc85520f1646fd41eb44?s=48 higuuu
1
220
646a01801bac1886ddf86aee2de913ed?s=48 miyukki
0
140
B3f560d34c14a9113e5024bc34ac26a0?s=48 heyitsmohit
3
320
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
190
922f51d458d6ffee8578b9d3ab0a52b6?s=48 ug
1
190
3cfad86677c5966ecfe9b81955fa3489?s=48 inoue2002
0
720
3fe5b2de229709072a61ccc3c6ac9be0?s=48 tsuchinoko
0
100
8983704dd55e6dbd15b012f744b86927?s=48 adachi
0
380
D763cce13d2b05aa1611f868919f7f92?s=48 gurrium
0
180

Featured

See All Featured
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
129
22k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
109
6.7k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
130
20k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
181
14k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
59k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
336
17k
Ba530e786553390f3fb271848485681c?s=48 3n
170
23k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
40
2k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
224
48k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
484
150k

Transcript

  1. Thumper @robdel12

  2. · Front end developer for izea · Mustang lover ·

    My first conference ever… and LOVING it! A little about me

  3. What exactly is Thumper?

  4. The rabbit? This guy is crazy...

  5. Where did the name come from?

  6. I used to work at ThreeTwelve Creative

  7. A responsive framework

  8. Not just a responsive framework...

  9. ...A light, flexible, and scalable one

  10. When compiled and compressed it weighs just 7kb.

  11. Built upon LESS and SCSS For flexibility!  

  12. Technically infinite

  13. Bootstrap is based off of 12ths

  14. Thumper is based off of 20ths

  15. One 20th is 2.6% The gutter is 2%

  16. So.. Almost infinite!

  17. Spacer divs!

  18. Like Bootstraps offset feature

  19. Turns this:

  20. Into this:

  21. The code for it: Super simple

  22. SCSS Media query mixins: · smallerDesktop (861px to 1040px )

    ·tablet (640px to 860px) · mobile (0 to 639px)

  23. So... Who is this for?

  24. Not for those who need something done in 2 days

  25. Nothing is prestyled

  26. But why not?

  27. New project = new everything

  28. For those who start over every project

  29. This is cool.. Examples?

  30. SRMA.net

  31. ASPG.com

  32. GainingResults.com

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

    all broke

  34. L

  35. That’s Thumper!

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