Responsive websites with Joomla 3 & Bootstrap #jd13nl

  • Published on
    05-Dec-2014

  • View
    1.995

  • Download
    0

Embed Size (px)

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
  • ...