Twitter Bootstrap

Twitter Bootstrap

Son yıllarda, web tarayıcılarının güçlenmesi ile front-end web geliştirilmesi yaygınlaşmış ve trend haline gelmiştir. Tarayıcıların arkasındaki güç olan javascript için, responsive web kavramını da içeren güçlü bir framework yapısını Twitter firması, Twittter Bootstrap ismi ile hayata geçirmiştir. Sunumla hedeflenen, bu sezgisel frameworku kullanarak daha hızlı ve kolayca web uygulamalarının nasıl geliştirileceğini anlatmaktır.

4703eae62b85ba5ba5e7ec2f0a9c1b3b?s=128

Ramazan Terzi

December 12, 2012
Tweet

Transcript

  1. INET-TR‘12 Anadolu Üniversitesi İletişim Bilimleri Fakültesi Yunus Emre Kampüsü, Eskişehir

  2. Bootstrap Nedir?  Front-end Web Framework  Bileşenler (kullanıma hazır)

     Javascript eklentileri  LESS
  3. Neden Bootstrap?  Kolay  Hızlı  Tutarlı

  4. Özellikler  İskele  Temel CSS  Bileşenler  Javascript

    eklentileri
  5. Özellikler/İskele

  6. Özellikler/İskele

  7. Özellikler/İskele

  8. Özellikler/Temel CSS

  9. Özellikler/Temel CSS

  10. Özellikler/Temel CSS

  11. Özellikler/Temel CSS

  12. Özellikler/Temel CSS

  13. Özellikler/Temel CSS

  14. Özellikler/Temel CSS

  15. Özellikler/Temel CSS

  16. Özellikler/Bileşenler

  17. Özellikler/Bileşenler

  18. Özellikler/Bileşenler

  19. Özellikler/Bileşenler

  20. Özellikler/Bileşenler

  21. Özellikler/Bileşenler

  22. Özellikler/Bileşenler

  23. Özellikler/Bileşenler

  24. Özellikler/Javascript Eklentileri  Modal  Dropdown  Scrollspy  Tab

     Tooltip  Popover  Alert  Button  Collapse  Carousel  Typehead
  25. Özellikler/Javascript Eklentileri http://twitter.github.com/bootstrap/javascript.html

  26. Tarayıcı Uyumluluğu

  27. Teşekkürler