Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjerACL ManagerJ...
http://www.slideshare.net/sanderpotjer/
Webdesigner Joomla-special 2013, p27-p31Code: http://sanderpotjer.github.io/jbr/
Basis template installeren
Basis template installeren
Basis template installeren
Basis template installeren
Basis template installeren
Bootstrap en Joomla JUI
Bootstrap en Joomla JUI
Bootstrap en Joomla JUIJoomla User Interface (JUI) Library
Bootstrap en Joomla JUI | index.php
Bootstrap en Joomla JUI | index.php
Bootstrap en Joomla JUI | index.php
Bootstrap en Joomla JUI | index.php
Moduleposities
Moduleposities | index.php
Moduleposities | index.php
Moduleposities
Bootstrap-grootte en iconen
Moduleposities
Bootstrap-grootte en iconen | index.php
Bootstrap-grootte en iconen
Bootstrap-grootte en iconen | index.php
Bootstrap-grootte en iconen
Bootstrap-grootte en iconen
Module-override maken
Module-override maken | html/modules.php
Module-override maken | html/modules.php
Module-override maken | html/modules.php<div class=”span4”>
Module-override maken | html/modules.php
Module-override maken | html/modules.php<h3><span class=”icon-cube”></span>...</h3>
Module-override maken | index.php
Module-override maken | index.php
Module-override maken
Header-module
Header-module
Header-module
Header-module | aangepaste uitvoer
Header-module
Contact-module
Contact-module | aangepaste uitvoer
Contact-module
Contact-module | aangepaste uitvoerspan3
Contact-module | aangepaste uitvoerspan3 span3
Contact-module | aangepaste uitvoerspan3 span3 span6
Contact-module | aangepaste uitvoerspan3 span3 span6
Contact-module | aangepaste uitvoerspan4 span4 span4
Contact-module | aangepaste uitvoer
Contact-module
Contact-module
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio | html/com_weblinks/category/default.php
Portfolio | html/com_weblinks/category/default.php
Navigatie
Navigatie
Navigatie
Navigatie
Navigatie
Navigatie | index.php
Navigatie | index.php
Navigatie | index.php
Navigatie | index.php
ScrollSpy
ScrollSpy
ScrollSpy
ScrollSpy | index.php
ScrollSpy | index.php
ScrollSpy
Puntjes op de i
Puntjes op de i | css/template.css
Tadaaa...
Responsive?
Responsive!
Responsive!
Responsive!
Responsive!
Meer informatieBootstrap:http://www.getbootstrap.comJoomla JUI & Icons:http://jui.kyleledbetter.comWorkshop code:http://sa...
Responsive websites with Joomla 3 & Bootstrap #jd13nl
Responsive websites with Joomla 3 & Bootstrap #jd13nl
Upcoming SlideShare
Loading in …5
×

Responsive websites with Joomla 3 & Bootstrap #jd13nl

2,314 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,314
On SlideShare
0
From Embeds
0
Number of Embeds
253
Actions
Shares
0
Downloads
77
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Responsive websites with Joomla 3 & Bootstrap #jd13nl

  1. 1. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  2. 2. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  3. 3. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  4. 4. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  5. 5. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  6. 6. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  7. 7. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  8. 8. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  9. 9. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  10. 10. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  11. 11. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  12. 12. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  13. 13. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  14. 14. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  15. 15. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  16. 16. Responsive websites met Joomla 3 & BootstrapJoomla!Dagen Nederland, 21 april 2013Sander Potjer - @sanderpotjer
  17. 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. 18. http://www.slideshare.net/sanderpotjer/
  19. 19. Webdesigner Joomla-special 2013, p27-p31Code: http://sanderpotjer.github.io/jbr/
  20. 20. Basis template installeren
  21. 21. Basis template installeren
  22. 22. Basis template installeren
  23. 23. Basis template installeren
  24. 24. Basis template installeren
  25. 25. Bootstrap en Joomla JUI
  26. 26. Bootstrap en Joomla JUI
  27. 27. Bootstrap en Joomla JUIJoomla User Interface (JUI) Library
  28. 28. Bootstrap en Joomla JUI | index.php
  29. 29. Bootstrap en Joomla JUI | index.php
  30. 30. Bootstrap en Joomla JUI | index.php
  31. 31. Bootstrap en Joomla JUI | index.php
  32. 32. Moduleposities
  33. 33. Moduleposities | index.php
  34. 34. Moduleposities | index.php
  35. 35. Moduleposities
  36. 36. Bootstrap-grootte en iconen
  37. 37. Moduleposities
  38. 38. Bootstrap-grootte en iconen | index.php
  39. 39. Bootstrap-grootte en iconen
  40. 40. Bootstrap-grootte en iconen | index.php
  41. 41. Bootstrap-grootte en iconen
  42. 42. Bootstrap-grootte en iconen
  43. 43. Module-override maken
  44. 44. Module-override maken | html/modules.php
  45. 45. Module-override maken | html/modules.php
  46. 46. Module-override maken | html/modules.php<div class=”span4”>
  47. 47. Module-override maken | html/modules.php
  48. 48. Module-override maken | html/modules.php<h3><span class=”icon-cube”></span>...</h3>
  49. 49. Module-override maken | index.php
  50. 50. Module-override maken | index.php
  51. 51. Module-override maken
  52. 52. Header-module
  53. 53. Header-module
  54. 54. Header-module
  55. 55. Header-module | aangepaste uitvoer
  56. 56. Header-module
  57. 57. Contact-module
  58. 58. Contact-module | aangepaste uitvoer
  59. 59. Contact-module
  60. 60. Contact-module | aangepaste uitvoerspan3
  61. 61. Contact-module | aangepaste uitvoerspan3 span3
  62. 62. Contact-module | aangepaste uitvoerspan3 span3 span6
  63. 63. Contact-module | aangepaste uitvoerspan3 span3 span6
  64. 64. Contact-module | aangepaste uitvoerspan4 span4 span4
  65. 65. Contact-module | aangepaste uitvoer
  66. 66. Contact-module
  67. 67. Contact-module
  68. 68. Portfolio
  69. 69. Portfolio
  70. 70. Portfolio
  71. 71. Portfolio
  72. 72. Portfolio
  73. 73. Portfolio
  74. 74. Portfolio
  75. 75. Portfolio
  76. 76. Portfolio | html/com_weblinks/category/default.php
  77. 77. Portfolio | html/com_weblinks/category/default.php
  78. 78. Navigatie
  79. 79. Navigatie
  80. 80. Navigatie
  81. 81. Navigatie
  82. 82. Navigatie
  83. 83. Navigatie | index.php
  84. 84. Navigatie | index.php
  85. 85. Navigatie | index.php
  86. 86. Navigatie | index.php
  87. 87. ScrollSpy
  88. 88. ScrollSpy
  89. 89. ScrollSpy
  90. 90. ScrollSpy | index.php
  91. 91. ScrollSpy | index.php
  92. 92. ScrollSpy
  93. 93. Puntjes op de i
  94. 94. Puntjes op de i | css/template.css
  95. 95. Tadaaa...
  96. 96. Responsive?
  97. 97. Responsive!
  98. 98. Responsive!
  99. 99. Responsive!
  100. 100. Responsive!
  101. 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

×