Responsive websites with Joomla 3 & Bootstrap #jd13nl

  • Published on
    05-Dec-2014

  • View
    1.995

  • Download
    0

DESCRIPTION

 

Transcript

1. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 2. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 3. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 4. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 5. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 6. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 7. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 8. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 9. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 10. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 11. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 12. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 13. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 14. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 15. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 16. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer 17. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjerACL ManagerJoomlaCommunity.euSander Potjer WebdevelopmentJoomla!Dagen NederlandJoomla Community Leadership memberJoomla gebruikersgroepenStichting Sympathy 18. http://www.slideshare.net/sanderpotjer/ 19. Webdesigner Joomla-special 2013, p27-p31Code: http://sanderpotjer.github.io/jbr/ 20. Basis template installeren 21. Basis template installeren 22. Basis template installeren 23. Basis template installeren 24. Basis template installeren 25. Bootstrap en Joomla JUI 26. Bootstrap en Joomla JUI 27. Bootstrap en Joomla JUIJoomla User Interface (JUI) Library 28. Bootstrap en Joomla JUI | index.php 29. Bootstrap en Joomla JUI | index.php 30. Bootstrap en Joomla JUI | index.php 31. Bootstrap en Joomla JUI | index.php 32. Moduleposities 33. Moduleposities | index.php 34. Moduleposities | index.php 35. Moduleposities 36. Bootstrap-grootte en iconen 37. Moduleposities 38. Bootstrap-grootte en iconen | index.php 39. Bootstrap-grootte en iconen 40. Bootstrap-grootte en iconen | index.php 41. Bootstrap-grootte en iconen 42. Bootstrap-grootte en iconen 43. Module-override maken 44. Module-override maken | html/modules.php 45. Module-override maken | html/modules.php 46. Module-override maken | html/modules.php 47. Module-override maken | html/modules.php 48. Module-override maken | html/modules.php... 49. Module-override maken | index.php 50. Module-override maken | index.php 51. Module-override maken 52. Header-module 53. Header-module 54. Header-module 55. Header-module | aangepaste uitvoer 56. Header-module 57. Contact-module 58. Contact-module | aangepaste uitvoer 59. Contact-module 60. Contact-module | aangepaste uitvoerspan3 61. Contact-module | aangepaste uitvoerspan3 span3 62. Contact-module | aangepaste uitvoerspan3 span3 span6 63. Contact-module | aangepaste uitvoerspan3 span3 span6 64. Contact-module | aangepaste uitvoerspan4 span4 span4 65. Contact-module | aangepaste uitvoer 66. Contact-module 67. Contact-module 68. Portfolio 69. Portfolio 70. Portfolio 71. Portfolio 72. Portfolio 73. Portfolio 74. Portfolio 75. Portfolio 76. Portfolio | html/com_weblinks/category/default.php 77. Portfolio | html/com_weblinks/category/default.php 78. Navigatie 79. Navigatie 80. Navigatie 81. Navigatie 82. Navigatie 83. Navigatie | index.php 84. Navigatie | index.php 85. Navigatie | index.php 86. Navigatie | index.php 87. ScrollSpy 88. ScrollSpy 89. ScrollSpy 90. ScrollSpy | index.php 91. ScrollSpy | index.php 92. ScrollSpy 93. Puntjes op de i 94. Puntjes op de i | css/template.css 95. Tadaaa... 96. Responsive? 97. Responsive! 98. Responsive! 99. Responsive! 100. Responsive! 101. Meer informatieBootstrap:http://www.getbootstrap.comJoomla JUI & Icons:http://jui.kyleledbetter.comWorkshop code:http://sanderpotjer.github.io/jbr/Boek(je)-tip:http://www.packtpub.com/twitter-bootstrap-web-development/bookBootstrap styles voor JCE editor:http://www.deweso.com/home/137-blog-international/154-making-better-use-of-bootstrap-with-the-jce-editor-css-download.html