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
110
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
150
Testing Big in JavaScript
robdel12
0
330
Testing your app with VoiceOver
robdel12
0
60
Crossing platforms with JavaScript & React
robdel12
0
100
Getting started with ember-cli-deprecation-workflow
robdel12
0
360
Other Decks in Programming
See All in Programming
SDCon2024: Enabling DevOps and Team Topologies thru architecture: architecting for fast flow
cer
PRO
0
780
みんなのオブザーバビリティプラットフォームを作ってるんだがパフォーマンスがやばい #mackerelio #srenext
ne_sachirou
0
370
Play Billing Library 7.0.0 変更点まとめ@potatotips#88
kako351
0
160
CSC307 Lecture 05
javiergs
PRO
0
210
feature環境をGitHub ActionsとCloudFormationでいい感じに管理する
nealle
2
310
Temporalを取り巻く仕様を整理する
sajikix
0
110
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | droidcon Berlin
prof18
0
110
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
入社1ヶ月でここまでやった!Findy Toolsインフラ支援の最適化
rvirus0817
6
1.4k
OpenAI/Gemini APIを使って EPUBを翻訳するCLIツールをつくってみた
tomiyan
0
790
Prompt FlowによるLLMアプリケーション開発
yuto2000
1
1k
CSC307 Lecture 12
javiergs
PRO
0
220
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1362
200k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.9k
Infographics Made Easy
chrislema
238
18k
Optimizing for Happiness
mojombo
373
69k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Being A Developer After 40
akosma
72
580k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
Docker and Python
trallard
37
2.9k
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