Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Thumper
Search
Robert DeLuca
June 22, 2013
Programming
1
120
Thumper
My presentation at Front end conference about the responsive framework I built called Thumper.
Robert DeLuca
June 22, 2013
Tweet
Share
More Decks by Robert DeLuca
See All by Robert DeLuca
Testing Big in JavaScript (Bleeding edge web)
robdel12
0
210
Testing Big in JavaScript
robdel12
0
610
Testing your app with VoiceOver
robdel12
0
68
Crossing platforms with JavaScript & React
robdel12
0
120
Getting started with ember-cli-deprecation-workflow
robdel12
0
430
Other Decks in Programming
See All in Programming
CSC509 Lecture 01
javiergs
PRO
1
440
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
1.2k
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
520
CSC509 Lecture 05
javiergs
PRO
0
300
XP, Testing and ninja testing ZOZ5
m_seki
3
580
The Flutter Journey of Building a Live Streaming App — With a Side of Performance Tuning
u503
1
110
クラシルを支える技術と組織
rakutek
0
200
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
ei_ei_eiichi
0
430
CSC305 Lecture 03
javiergs
PRO
0
240
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
160
オープンソースソフトウェアへの解像度🔬
utam0k
11
2.4k
CSC305 Lecture 06
javiergs
PRO
0
210
Featured
See All Featured
Visualization
eitanlees
148
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
The Invisible Side of Design
smashingmag
301
51k
The Cost Of JavaScript in 2023
addyosmani
53
9k
Building an army of robots
kneath
306
46k
Side Projects
sachag
455
43k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Transcript
Thumper @robdel12
· Front end developer for izea · Mustang lover ·
My first conference ever… and LOVING it! A little about me
What exactly is Thumper?
The rabbit? This guy is crazy...
Where did the name come from?
I used to work at ThreeTwelve Creative
A responsive framework
Not just a responsive framework...
...A light, flexible, and scalable one
When compiled and compressed it weighs just 7kb.
Built upon LESS and SCSS For flexibility!
Technically infinite
Bootstrap is based off of 12ths
Thumper is based off of 20ths
One 20th is 2.6% The gutter is 2%
So.. Almost infinite!
Spacer divs!
Like Bootstraps offset feature
Turns this:
Into this:
The code for it: Super simple
SCSS Media query mixins: · smallerDesktop (861px to 1040px )
·tablet (640px to 860px) · mobile (0 to 639px)
So... Who is this for?
Not for those who need something done in 2 days
Nothing is prestyled
But why not?
New project = new everything
For those who start over every project
This is cool.. Examples?
SRMA.net
ASPG.com
GainingResults.com
I was going to show the mobile versions.. But they’re
all broke
L
That’s Thumper!
Contact info: Twitter: @robdel12 Github: github.com/robdel12 Get the slides: Robert-deluca.com/blog