Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

Twitter Bootstrap và LESS Slide 1 Twitter Bootstrap và LESS Slide 2 Twitter Bootstrap và LESS Slide 3 Twitter Bootstrap và LESS Slide 4 Twitter Bootstrap và LESS Slide 5 Twitter Bootstrap và LESS Slide 6 Twitter Bootstrap và LESS Slide 7 Twitter Bootstrap và LESS Slide 8 Twitter Bootstrap và LESS Slide 9 Twitter Bootstrap và LESS Slide 10 Twitter Bootstrap và LESS Slide 11 Twitter Bootstrap và LESS Slide 12 Twitter Bootstrap và LESS Slide 13 Twitter Bootstrap và LESS Slide 14 Twitter Bootstrap và LESS Slide 15 Twitter Bootstrap và LESS Slide 16 Twitter Bootstrap và LESS Slide 17 Twitter Bootstrap và LESS Slide 18 Twitter Bootstrap và LESS Slide 19 Twitter Bootstrap và LESS Slide 20 Twitter Bootstrap và LESS Slide 21 Twitter Bootstrap và LESS Slide 22 Twitter Bootstrap và LESS Slide 23 Twitter Bootstrap và LESS Slide 24 Twitter Bootstrap và LESS Slide 25 Twitter Bootstrap và LESS Slide 26 Twitter Bootstrap và LESS Slide 27 Twitter Bootstrap và LESS Slide 28 Twitter Bootstrap và LESS Slide 29 Twitter Bootstrap và LESS Slide 30 Twitter Bootstrap và LESS Slide 31 Twitter Bootstrap và LESS Slide 32 Twitter Bootstrap và LESS Slide 33 Twitter Bootstrap và LESS Slide 34 Twitter Bootstrap và LESS Slide 35 Twitter Bootstrap và LESS Slide 36 Twitter Bootstrap và LESS Slide 37 Twitter Bootstrap và LESS Slide 38 Twitter Bootstrap và LESS Slide 39 Twitter Bootstrap và LESS Slide 40 Twitter Bootstrap và LESS Slide 41 Twitter Bootstrap và LESS Slide 42 Twitter Bootstrap và LESS Slide 43 Twitter Bootstrap và LESS Slide 44
Upcoming SlideShare
Approach to Responsive Web Design - Part 2
Next
Download to read offline and view in fullscreen.

6 Likes

Share

Download to read offline

Twitter Bootstrap và LESS

Download to read offline

Speaker: Lê Phan Đức Trọng
Work at: JoomlArt

Related Books

Free with a 30 day trial from Scribd

See all

Twitter Bootstrap và LESS

  1. 1. Bootstrap, from Twitter & Less.css Lê Trọng Joomlart.com – Designwall.com
  2. 2. Bootstrap http://twitter.github.com/bootstrap/ 41.530 người theo dõi & 10.696 lượt sao chép (fork) tại Github
  3. 3. Bootstrap ?
  4. 4. Scaffolding Components • Grid system • Dropdowns • Fluid grid system • Button groups • Layouts • Navs • Responsive design • Navbar • … Base CSS JavaScript • Forms • Transitions • Images • Modal • Typography • Dropdown • Icons by Glyphicons • Scrollspy • Tab • …
  5. 5. Thiết kế Kỹ thuật
  6. 6. Sử dụng Bootstrap: 6 phiên bản khác nhau ~60 giờ để hoàn thành Tương thích IE8+, Firefox, Chrome, Safari, Opera Tương thích Smartphone, tablet Không quá nhiều code phải viết thêm Giảm thiểu lỗi phát sinh
  7. 7. Sử dụng Bootstrap: Ít nhất 120 giờ tuần để hoàn thành Khá nhiều code phải viết thêm Khá nhiều lỗi phát sinh
  8. 8. Thời gian tiết kiệm được: +60 giờ!
  9. 9. GRID
  10. 10. Nesting columns
  11. 11. RESPONSIVE DESIGN
  12. 12. Thời gian tiết kiệm được: +12 giờ!
  13. 13. Base CSS Icons <i class="icon-search"></i>
  14. 14. Base CSS buttons
  15. 15. Base CSS Images
  16. 16. Thời gian tiết kiệm được: +5 giờ!
  17. 17. Components Navbar
  18. 18. Components Navbar
  19. 19. Components Navbar - Responsive
  20. 20. Components Breadcrumbs
  21. 21. Components Pagination
  22. 22. Components Button groups
  23. 23. Thời gian tiết kiệm được: +12 giờ!
  24. 24. JavaScript Carousel
  25. 25. JavaScript ScrolSpy
  26. 26. Thời gian tiết kiệm được: +10 giờ!
  27. 27. Cài đặt Bootstrap
  28. 28. 1) LESS 2) CSS
  29. 29. LESS http://lesscss.org/
  30. 30. LESS http://lesscss.org/
  31. 31. LESS http://lesscss.org/
  32. 32. LESS http://lesscss.org/
  33. 33. LESS http://lesscss.org/
  34. 34. http://demo.designwall.com
  35. 35. Thanks & QA t@designwall.com http://designwall.com
  • ncuong84

    Jan. 14, 2016
  • tiratvip1

    Oct. 14, 2013
  • lquang90

    Jan. 4, 2013
  • anhvu406

    Jan. 3, 2013
  • seonet

    Dec. 25, 2012
  • die4top

    Dec. 19, 2012

Speaker: Lê Phan Đức Trọng Work at: JoomlArt

Views

Total views

2,487

On Slideshare

0

From embeds

0

Number of embeds

2

Actions

Downloads

208

Shares

0

Comments

0

Likes

6

×