@srigi Webdeveloper at Websupport
Bootstrap, from Twitter   and Less.css @srigi Webdeveloper at Websupport
history, numbers 16 300+   watchers 3 000+   forks 1 400+   closed issues
Browser support
Little bit of
Bootstrap structure (1.4)
Bootstrap is revolution of... HTML!
Bootstrap is revolution of... HTML!
Bootstrap is revolution of... HTML!
Bootstrap is revolution of... HTML!
Rapid bootstraping <ul><li>Scaffolding </li><ul><li>(Fluid) grid system
Inline search forms </li></ul></ul><ul><li>Base CSS </li><ul><li>buttons
labels
typography </li></ul></ul><ul><li>Components </li><ul><li>toolbars
dropdowns
tabs, pills
alert boxes
thumbnails
and more </li></ul></ul>
3 ways of use
3 ways of use less.app
3 ways of use   $ lessc
3 ways of use client JS
Compile everything into one file   BAD IDEA!
Use precompiled bootstrap.min.css   instead
Rapid bootstraping
Upcoming SlideShare
Loading in...5
×

Twitter bootstrap & Less.js

39,425

Published on

Introduction to bootstrap from Twitter.

Published in: Technology
0 Comments
13 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
39,425
On Slideshare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
196
Comments
0
Likes
13
Embeds 0
No embeds

No notes for slide

Twitter bootstrap & Less.js

  1. 1. @srigi Webdeveloper at Websupport
  2. 2. Bootstrap, from Twitter and Less.css @srigi Webdeveloper at Websupport
  3. 3. history, numbers 16 300+ watchers 3 000+ forks 1 400+ closed issues
  4. 4. Browser support
  5. 5. Little bit of
  6. 6. Bootstrap structure (1.4)
  7. 7. Bootstrap is revolution of... HTML!
  8. 8. Bootstrap is revolution of... HTML!
  9. 9. Bootstrap is revolution of... HTML!
  10. 10. Bootstrap is revolution of... HTML!
  11. 11. Rapid bootstraping <ul><li>Scaffolding </li><ul><li>(Fluid) grid system
  12. 12. Inline search forms </li></ul></ul><ul><li>Base CSS </li><ul><li>buttons
  13. 13. labels
  14. 14. typography </li></ul></ul><ul><li>Components </li><ul><li>toolbars
  15. 15. dropdowns
  16. 16. tabs, pills
  17. 17. alert boxes
  18. 18. thumbnails
  19. 19. and more </li></ul></ul>
  20. 20. 3 ways of use
  21. 21. 3 ways of use less.app
  22. 22. 3 ways of use $ lessc
  23. 23. 3 ways of use client JS
  24. 24. Compile everything into one file BAD IDEA!
  25. 25. Use precompiled bootstrap.min.css instead
  26. 26. Rapid bootstraping
  27. 27. Bootstrap 2.0 responsive
  28. 28. Bootstrap 2.0 new DOC
  29. 29. Bootstrap 2.0 new DOC (reference guide)
  30. 30. Bootstrap 2.0 new components
  31. 31. Bootstrap 2.0 new JS plugins
  32. 32. Bootstrap 2.0 customize build
  33. 33. Bootstrap 2.0 some glitches
  34. 34. THX @srigi Questions...
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×