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
91
53f03faec1f8e5de88b555cb02ae6ac9?s=48 robdel12
0
220
53f03faec1f8e5de88b555cb02ae6ac9?s=48 robdel12
0
37
53f03faec1f8e5de88b555cb02ae6ac9?s=48 robdel12
0
77
53f03faec1f8e5de88b555cb02ae6ac9?s=48 robdel12
0
260

Other Decks in Programming

See All in Programming
E8a1ea1668c402ae8cd5baea8f7b7a97?s=48 yuiwai
0
220
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
29
10k
1998b7a88550e8c58f7efb17d7b72a29?s=48 namizatork
0
410
2e0cd730106894978bab84142f69b6c3?s=48 shiroichi315
0
180
4dca78303031ea5acf25b0183cd900f8?s=48 kanasann1106
0
380
E1b600a54e2e4c1fe276cfe71a4fb02a?s=48 currylike37
0
430
31107eb924f0f352bc3dc4916be5ba59?s=48 negi_andleek
0
180
422d6810de47c88b0df5132771e67b81?s=48 michaeldyrynda
0
180
78d39160a56e4a71b1c4a2d0cbfda223?s=48 jlkiri
0
250
3c031541ed3d92869414857dfef853de?s=48 koher
8
900
37b01da9150c1e789f35771b06d36890?s=48 morimorihoge
0
190
3931098ae486b6df619050c63e24f6cc?s=48 osyo
0
750

Featured

See All Featured
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
43
4.9k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
222
120k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
331
36k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
302
40k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
41
1.5k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
10k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
496
110k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
20
1k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
61
6.7k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
315
21k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
128
22k

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