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
200
Testing Big in JavaScript
robdel12
0
570
Testing your app with VoiceOver
robdel12
0
66
Crossing platforms with JavaScript & React
robdel12
0
120
Getting started with ember-cli-deprecation-workflow
robdel12
0
420
Other Decks in Programming
See All in Programming
VS Code Update for GitHub Copilot
74th
1
580
#QiitaBash MCPのセキュリティ
ryosukedtomita
0
800
C++20 射影変換
faithandbrave
0
560
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
2
730
ふつうの技術スタックでアート作品を作ってみる
akira888
0
320
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
250
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
3.8k
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
2
260
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
150
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Side Projects
sachag
455
42k
Agile that works and the tools we love
rasmusluckow
329
21k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
Embracing the Ebb and Flow
colly
86
4.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
500
A better future with KSS
kneath
239
17k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
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