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
Intro to CSS Frameworks
Search
Paul Demers
October 29, 2014
Technology
0
43
Intro to CSS Frameworks
An introductory overview of CSS frameworks as part of a class taught at StartupInstitute Boston.
Paul Demers
October 29, 2014
Tweet
Share
More Decks by Paul Demers
See All by Paul Demers
Books, Technology, and the Modern 70-year-old
demersdesigns
0
110
Preprocessors: An Overview
demersdesigns
0
37
HTML & CSS Best Practices
demersdesigns
2
98
Other Decks in Technology
See All in Technology
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
270
開発生産性大幅アップ!Postman VS Code拡張機能
nagix
3
620
Rustで「プリズモイダル法」を利用して「土量計算」をガチでやる
nokonoko1203
1
230
EM完全に理解した と思ったけど、 やっぱり何も分からなかった話 / EM Night Fukuoka #1
hirutas
0
240
Babylon.js JAPAN活動紹介 (2024/4)
limes2018
1
100
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
1
250
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
150
.NET Profiler in 2024.
kkamegawa
2
800
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
200
今日からできる!簡単 .NET 高速化 Tips -2024 edition-
xin9le
7
3.4k
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
230
20分で完全に理解するGrafanaダッシュボード
hamadakoji
5
870
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
320
37k
Web Components: a chance to create the future
zenorocha
306
41k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
11
1k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Writing Fast Ruby
sferik
622
60k
Visualization
eitanlees
137
14k
Debugging Ruby Performance
tmm1
70
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
64
14k
Code Review Best Practice
trishagee
56
15k
Making the Leap to Tech Lead
cromwellryan
125
8.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Transcript
Intro to CSS Frameworks October 29, 2014
Hi! I’m Paul Demers @demersdesigns / demersdesigns.com
None
None
CSS Framework? A collection of reusable coding patterns that provide
a basis for building websites and applications. They allow for a predictable structure and provide the user with building blocks to solve common design problems.
“Don't reinvent the wheel, just realign it.” –Anthony J. D'Angelo
None
What do you get? • Typography • Default styling across
browsers • Grid structure • Responsive/mobile-first helpers • Basic to advanced repeatable layout components
Why you should use a framework… • Work out ideas
quickly. Prototype and test • Developers are not designers (well some are…) • Reinventing the wheel stinks. • Super fantastic learning resource
Why you shouldn’t use a framework… • Kitchen Sink •
Lack of Knowledge • Hard to Customize • Large Codebase • Not Semantic
• Developed in 2010 by Twitter employees • 20 Releases
and 2 major rewrites • 70k+ Stars and 27k Forks
Let’s do this! Bootstrap Demos http://goo.gl/OzERNL Fort Point Eats http://goo.gl/bxpvHF
Fort Point Eats
Questions?