Twitter Bootstrap

Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=47 Djalma Araújo
April 15, 2012
Programming
0
66

Twitter Bootstrap

Lightning talk [at] Pernambuco.JS

Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=128

Djalma Araújo

April 15, 2012
Tweet

More Decks by Djalma Araújo

See All by Djalma Araújo
Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=48 djalmaaraujo
0
73
Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=48 djalmaaraujo
0
54
Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=48 djalmaaraujo
1
130
Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=48 djalmaaraujo
0
45
Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=48 djalmaaraujo
0
48
Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=48 djalmaaraujo
3
120

Other Decks in Programming

See All in Programming
376e4eb9dc6c2e33d1330262edc4f109?s=48 janko_m
0
340
44df43ecb9d8ae00cafee6b804db3fcd?s=48 kentatada
2
200
Aaf94d61dec57d1c3cf2de7c09e472d4?s=48 kariad
3
380
C4b9a181d7fb82642b4c8c1df6ae2b87?s=48 louvre2489
1
170
0b40b09ee30366ddfe68070d94d7ee3f?s=48 a_suenami
0
230
Db8efd836c9a09b71e3d8e1c60d6ea84?s=48 colinfay
0
340
8284465a94bbdf1ea82cf1a67d55f447?s=48 kilometer
1
150
E88ad298e614c1a0929219fae46c0f01?s=48 miyasakakazutoshi
5
580
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
4
280
4bd69b0ec8e5731a5332ee100ad8fb6d?s=48 entaku
2
160
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
190
127f2573f14072eba29ccb60506663eb?s=48 madai0517
3
270

Featured

See All Featured
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
10
600
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
10k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
3
340
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
653
54k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
153
6.2k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
10
3.8k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9.1k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
3
190
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
334
15k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
236
9.8k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
205
9.9k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
320

Transcript

  1. Bootstrap, from Twitter Simple and flexible HTML, CSS, and Javascript

    for popular user interface components and interactions. http://twitter.github.com/bootstrap/ @mdo & @fat

  2. Boots what? It’s a trap bino! • Front-end Toolkit !

    • Criadores: @mdo, @fat [at] @twitter ! • Desenvolvimento rápido ! • Componentes “ready to use” ! • LESS

  3. Features • Scaffolding ! • Base CSS ! • Components

    ! • Javascript plugins ! • Using LESS

  4. Features/ Scaffolding Default grid system Fixed layout Fluid layout Responsive

    design 12 columns

  5. Features/ Base CSS Typography Tables Forms Buttons & Icons

  6. features/ Components Buttons, Navigation, Labels, Badges, Typography, Thumbnails, Alerts, Progress

    bars, Miscellaneous

  7. Components/ Button groups

  8. Components/ Navigation

  9. Components/ Labels, Badges, Alerts Badges Labels Alerts

  10. Components/ Typography, Thumbnails, Progress Bars

  11. features/Javascript Plugins Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button,

    Collapse, Carousel, Typehead

  12. Javascript Plugins/ Live =) http://twitter.github.com/bootstrap/javascript.html it moves like jagger!

  13. LESS http://twitter.github.com/bootstrap/less.html

  14. 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

  15. Apps + Bootstrap http://builtwithbootstrap.com/

  16. thanks! se vira nos 15min! http://github.com/djalmaaraujo @djalmaaraujo pianolab.com.br