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
Twitter Bootstrap
Search
Djalma Araújo
April 15, 2012
Programming
0
100
Twitter Bootstrap
Lightning talk [at] Pernambuco.JS
Djalma Araújo
April 15, 2012
Tweet
Share
More Decks by Djalma Araújo
See All by Djalma Araújo
Coding Standards - Wollets :)
djalmaaraujo
0
110
Pull Request Trello (prtrello)
djalmaaraujo
0
130
Material Design Lite
djalmaaraujo
1
200
HPB JS Patterns
djalmaaraujo
0
110
Mercado Tecnologico - De Recife para o mundo
djalmaaraujo
0
110
Node webkit
djalmaaraujo
3
170
Other Decks in Programming
See All in Programming
Software Architecture
hschwentner
6
2.1k
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
270
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
190
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
530
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
670
JavaScriptツール群「UnJS」を5分で一気に駆け巡る!
k1tikurisu
9
1.8k
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
GAEログのコスト削減
mot_techtalk
0
120
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
320
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
Lottieアニメーションをカスタマイズしてみた
tahia910
0
120
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
740
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6.2k
Writing Fast Ruby
sferik
628
61k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Building an army of robots
kneath
302
45k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building Your Own Lightsaber
phodgson
104
6.2k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Transcript
Bootstrap, from Twitter Simple and flexible HTML, CSS, and Javascript
for popular user interface components and interactions. http://twitter.github.com/bootstrap/ @mdo & @fat
Boots what? It’s a trap bino! • Front-end Toolkit !
• Criadores: @mdo, @fat [at] @twitter ! • Desenvolvimento rápido ! • Componentes “ready to use” ! • LESS
Features • Scaffolding ! • Base CSS ! • Components
! • Javascript plugins ! • Using LESS
Features/ Scaffolding Default grid system Fixed layout Fluid layout Responsive
design 12 columns
Features/ Base CSS Typography Tables Forms Buttons & Icons
features/ Components Buttons, Navigation, Labels, Badges, Typography, Thumbnails, Alerts, Progress
bars, Miscellaneous
Components/ Button groups
Components/ Navigation
Components/ Labels, Badges, Alerts Badges Labels Alerts
Components/ Typography, Thumbnails, Progress Bars
features/Javascript Plugins Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button,
Collapse, Carousel, Typehead
Javascript Plugins/ Live =) http://twitter.github.com/bootstrap/javascript.html it moves like jagger!
LESS http://twitter.github.com/bootstrap/less.html
Gem’s, Plugins, Snippets, themes.. • https://github.com/seyhunak/twitter-bootstrap-rails ! • http://addyosmani.com/blog/jquery-ui-bootstrap/ !
• http://wrapbootstrap.com/ ! • http://www.eyecon.ro/bootstrap-datepicker/ ! • http://bootswatch.com/ ! • LESS
Apps + Bootstrap http://builtwithbootstrap.com/
thanks! se vira nos 15min! http://github.com/djalmaaraujo @djalmaaraujo pianolab.com.br