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
160
Testing Big in JavaScript
robdel12
0
360
Testing your app with VoiceOver
robdel12
0
60
Crossing platforms with JavaScript & React
robdel12
0
110
Getting started with ember-cli-deprecation-workflow
robdel12
0
390
Other Decks in Programming
See All in Programming
プロジェクト新規参入者のリードタイム短縮の観点から見る、品質の高いコードとアーキテクチャを保つメリット
d_endo
1
1k
詳細解説! ArrayListの仕組みと実装
yujisoftware
0
490
シールドクラスをはじめよう / Getting Started with Sealed Classes
mackey0225
3
400
カスタムしながら理解するGraphQL Connection
yanagii
1
1.2k
Tuning GraphQL on Rails
pyama86
2
1.1k
offers_20241022_imakiire.pdf
imakurusu
2
360
Server Driven Compose With Firebase
skydoves
0
400
From Subtype Polymorphism To Typeclass-based Ad hoc Polymorphism- An Example
philipschwarz
PRO
0
170
讓數據說話:用 Python、Prometheus 和 Grafana 講故事
eddie
0
350
2万ページのSSG運用における工夫と注意点 / Vue Fes Japan 2024
chinen
3
1.4k
Nuxtベースの「WXT」でChrome拡張を作成する | Vue Fes 2024 ランチセッション
moshi1121
1
530
リリース8年目のサービスの1800個のERBファイルをViewComponentに移行した方法とその結果
katty0324
5
3.6k
Featured
See All Featured
Building an army of robots
kneath
302
42k
Fireside Chat
paigeccino
32
3k
Visualization
eitanlees
144
15k
Rails Girls Zürich Keynote
gr2m
93
13k
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
It's Worth the Effort
3n
183
27k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
We Have a Design System, Now What?
morganepeng
50
7.2k
The Cost Of JavaScript in 2023
addyosmani
45
6.6k
GitHub's CSS Performance
jonrohan
1030
460k
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