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
620
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
What's new in Spring Modulith?
olivergierke
1
170
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
440
Pythonに漸進的に型をつける
nealle
1
130
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
300
CSC305 Lecture 10
javiergs
PRO
0
280
Ktorで簡単AIアプリケーション
tsukakei
0
110
Go言語はstack overflowの夢を見るか?
logica0419
0
620
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
360
Leading Effective Engineering Teams in the AI Era
addyosmani
7
650
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
190
品質ワークショップをやってみた
nealle
0
640
CSC305 Lecture 08
javiergs
PRO
0
280
Featured
See All Featured
How to Ace a Technical Interview
jacobian
280
24k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Optimizing for Happiness
mojombo
379
70k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Automating Front-end Workflow
addyosmani
1371
200k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Side Projects
sachag
455
43k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Code Reviewing Like a Champion
maltzj
526
40k
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