Twitter Bootstrap u praksi

DaFED #17
Speaker: Aleksandr Cocek, Eemagine IT Agency

Transcript

1. Twitter Bootstrap u praksi
2. U 2013. 80% projekata u Twitter Bootstrapu
3. Rapid prototyping • Klijent želi sajt baš kao konkurencija • Brze iteracije predloga rešenja • Pomaže klijentu da osmisli koncept Mockups don’t tell a story. Build a prototype in no time.
4. Rapid prototyping
5. Rapid prototyping
6. Rapid prototyping
7. Rapid prototyping
8. Rapid prototyping Tools • PSD templates • jetstrap.com • divshot.com • easel.io • ...
9. Gde je nestao HTML5?
10. Gde je nestao HTML5? http://ruby.bvision.com/blog/please-stop-embedding-bootstrap-classes-in-your-html
11. Gotovi templejti • Github je vaš najbolji drug – 320Press https://github.com/320press/wordpress-bootstrap
12. Gotovi templejti • – Roots WP https://github.com/roots/roots • Odlična dokumentacija • Roots build script with Grunt • Theme wrapper
13. Gotovi templejti • – Shoestrap WP https://github.com/shoestrap/shoestrap • Dokumentacija • Theme options • Forum, preko 100 kontributora u repositorijumu
14. Gotovi templejti • – jlong Bootstrap with SASS https://github.com/jlong/sass-bootstrap • Grunt ili Compass kompajler • _layouts, _includes • originalni templejti u sass-u
15. Admin paneli • Brza konfiguracija panela koji je “responsive” • Lagan za korišćenje od strane klijenta • Proširiv za nove funkcionalnosti
16. Admin paneli
17. Admin paneli
18. Admin paneli
19. Šta dalje? • Bootstrap 3 not backwards compatible with v2.x – Nova imena klasa – Novi grid (Extra small grid, Small grid, Medium grid, Large grid) – .container and .row are now fluid (percentage-based)
20. Šta dalje? • Istražujte – CurtainsUp https://github.com/alexduloz/CurtainsUp boilerplate which has the philosophy of providing developers with a real lot of cool libraries – X-editable https://github.com/vitalets/x-editable in-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
21. Šta dalje? • Učite nove stvari – Foundation http://foundation.zurb.com/ – Pure CSS (Yahoo) http://purecss.io/ – Html5 Boilerplate http://html5boilerplate.com/
22. HVALA @tamburix http://eemagine.me