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
140
Testing Big in JavaScript
robdel12
0
260
Testing your app with VoiceOver
robdel12
0
52
Crossing platforms with JavaScript & React
robdel12
0
90
Getting started with ember-cli-deprecation-workflow
robdel12
0
320
Other Decks in Programming
See All in Programming
C# 大統一理論推進委員会 会員のための Unity Package Manager プロジェクト構成案
monry
PRO
0
580
オブジェクトしこう
okuramasafumi
2
130
導入から5年が経って見えた Datadog APM 運用の課題
bgpat
2
540
Data Contracts In Practice With Debezium and Apache Flink (Kafka Summit London)
gunnarmorling
2
280
DDDはなぜ難しいのか / 良いコードの定義と設計能力の壁
pospome
25
7.6k
孤独のCTOグルメという やや奇抜な企画をやった目的と効果
shoheimitani
3
1k
ファイル先頭の use の意味、説明できますか? 〜PHP の namespace と autoloading の関係を正しく理解しよう〜 / namespace and autoloading in php
okashoi
2
470
incrementalモデルの理解を深める
ikkimiyazaki
2
640
[スクリプト] Swiftの型推論を学ぼう
omochi
0
120
Laravel OpenAPIによる"辛くない"スキーマ駆動開発
kentaroutakeda
2
2.1k
コミュニティに参加したことで起きた変化
ohmori_yusuke
3
130
PHPでOfficeファイルを取り扱う! PHP Officeライブラリを プロダクトに組み込んだ話
hirobe1999
0
840
Featured
See All Featured
Designing for humans not robots
tammielis
247
25k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Typedesign – Prime Four
hannesfritz
36
2k
Building Flexible Design Systems
yeseniaperezcruz
317
37k
Producing Creativity
orderedlist
PRO
335
39k
Bash Introduction
62gerente
604
210k
It's Worth the Effort
3n
180
27k
Fireside Chat
paigeccino
19
2.6k
Optimizing for Happiness
mojombo
369
69k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Agile that works and the tools we love
rasmusluckow
323
20k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
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