Twitter Bootstrap và LESS
Download as PPTX, PDF6 likes1,778 views
Tài liệu trình bày về Bootstrap, một framework thiết kế web, với các thành phần chính như hệ thống lưới, thanh điều hướng và các thành phần responsive. Bootstrap giúp tiết kiệm thời gian phát triển từ 60 giờ trở lên nhờ giảm thiểu mã viết thêm và lỗi phát sinh. Nó tương thích với nhiều trình duyệt và thiết bị di động.
Twitter Bootstrap và LESS
- 1. Bootstrap, from Twitter & Less.css Lê Trọng Joomlart.com – Designwall.com
- 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. Bootstrap ?
- 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 • …
- 6. Thiết kế Kỹ thuật
- 9. 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
- 10. 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
- 11. Thời gian tiết kiệm được: +60 giờ!
- 12. GRID
- 13. Nesting columns
- 15. Thời gian tiết kiệm được: +12 giờ!
- 16. Base CSS Icons <i class="icon-search"></i>
- 17. Base CSS buttons
- 18. Base CSS Images
- 19. Thời gian tiết kiệm được: +5 giờ!
- 20. Components Navbar
- 21. Components Navbar
- 26. Thời gian tiết kiệm được: +12 giờ!
- 29. Thời gian tiết kiệm được: +10 giờ!
- 31. 1) LESS 2) CSS
- 44. Thanks & QA t@designwall.com http://designwall.com