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
71
Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=48 djalmaaraujo
0
54
Be74fd9a577ea5ef1ab2e7c71bcfa4b5?s=48 djalmaaraujo
1
120
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
D12a80cab206033a820ccff8319f957b?s=48 s_uryu
4
1.5k
D9e4d5a4b36f83fbde1076815df1362f?s=48 bmack
0
180
Fb1b9f3d7332a7a7e262b70013b5f7dd?s=48 mtsmfm
0
120
29bfc9e2bc82b775a30af70be3196386?s=48 hannaprinz
0
100
Bbb17eeeecd3d9d06f4db310ab630a12?s=48 borkdude
2
440
E48bd6aeb77b88d5762cd5d96e2c397d?s=48 wen_liao
2
1k
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
0
110
A6a5e01b331d18dbd9c5de1f2cc2879f?s=48 erukiti
2
340
20c5ddcad23304aed77ce8c3aa020562?s=48 tkmru
0
110
D882856fd493248c73331872a516d1b5?s=48 exsoul
1
120
05aa2872bc4c3a92aca20f009c58a5dd?s=48 riririusei99
0
290
110cd4dcaed019b3bd9809e541afdeb6?s=48 okuramasafumi
0
200

Featured

See All Featured
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
51
2.6k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
222
46k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
295
39k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
283
110k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
1
16
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
253
36k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
224
8.2k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
274
31k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
340
25k

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