Downloaded 15 times
Uploaded byPhilip Locke
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
The document discusses web wireframing and prototyping using browser tools like Bootstrap and Joostrap. It outlines the reasons for wireframing, the importance of prototypes, and compares the two, emphasizing that prototypes are more effective in discovering design issues early. Additionally, it includes resources and contact information for further engagement.
Technologyā¦
More Related Content
![[jqconatx] Adaptive Images for Responsive Web Design](https://cdn.slidesharecdn.com/ss_thumbnails/adaptive-imagesv14-130911193737-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
- 1. Wireframing via the Browser Bootstrap &all that Awesomeness! Wireframing via the Browser#JD14NL
- 2. Wireframing via the Browser PhilipLocke www.fastnetwebdesign.co.uk & www.joostrap.com WHOWHO IS THIS GUY?
- 3. Mambo leading to Joomla Open Source Matters(OSM) Bootstrap & Joostrap WHOWHO IS THIS GUY? Wireframing via the Browser
- 4. WHATSO WHATāS THISSESSION ABOUT? Wireframing via the Browser 1. Why We Wireframe 2. Why To Prototype 3. How To Prototype 4. Process & Implementation 5. The Modern Process
- 5. DISCLAIMERI DID ITMY WAYā¦ Wireframing via the Browser May not work for you all or some of your clientsā¦ But hey, it works for me ā¦and thatās what matters!
- 6. THE DIFFERENCEI AMCONFUSED Wireframing via the Browser Wireframing vs HTML Prototyping
- 7.
- 8.
- 9.
- 10. THE DIFFERENCEWIREFRAMES Wireframing via theBrowser ... cheap & ugly ... yes, it is ugly ... but no, it's not cheap ... why?
- 11. THE DIFFERENCEWIREFRAMES Wireframing via theBrowser Multiple Iterations ... version 1 ... version 2 ... version 3 ... WTF !?!? ā¦ version 25
- 12. THE DIFFERENCEPROTOTYPES Wireframing via theBrowser Prototype Wireframes enterās the building ā¦ thank you Elvis!
- 13. THE DIFFERENCEPROTOTYPES Wireframing via theBrowser ā¦ Prototypes are interactive ā¦ Prototypes force you to discover & solve problems early on in the project ā¦ Prototypes are more representative of the final product ā¦ Forces you to deal with reality!
- 14. THE DIFFERENCEPROTOTYPES Wireframing via theBrowser āIf a wireframe is worth a 1000 words, a prototype is worth a MILLION!ā
- 15. THE DIFFERENCEPROTOTYPES Wireframing via theBrowser Easier Iteration ā¦ You Design ā¦ You Build ā¦ You Test ā¦ You Evaluate ā¦ You Win!
- 16. HELPFULWWW.LAYOUTIT.COM Wireframing via the Browser www.layoutit.com ā¦Useful ā¦ HTML ā¦ CSS But no Joomla markup
- 17. Wireframing via the Browser Letāslook at a wireframe using a Joomla template MY APPROACHBUILDING IN THE BROWSER
- 18. Wireframing via the Browser ā¦andmultiple pages MY APPROACHBUILDING IN THE BROWSER
- 19. CODESIMPLE BOOTSTRAP MARKUP Wireframingvia the Browser <div class=ārow"> <div class="col-md-4 col-sm-4ā> <div class="box1 height150 w-photo" data-description="Featured Imageā></div> <p class=āblack">asdfasd</p> <p class="gray">asdfasd a a asdf a a asaa asd asdf</p> </div> ā¦ ā¦ </div>
- 20.
- 21. WEāRE DONE!OUR COMPLETEDPROJECT Wireframing via the Browser
- 22. HELPGIVING US AHELPING HAND Wireframing via the Browser
- 23. WIN WINWHAT IUSE AWESOME COMBINATION Wireframing via the Browser
- 24. DOH!A SMALL CAVEAT Wireframingvia the Browser
- 25. DOH!A SMALL CAVEATā¦OMG Wireframingvia the Browser
- 26. QUESTIONS & ANSWERS Qā¦A Wireframingvia the BrowserQUESTIONS?OR SHALL WE JUST GO TO THE BAR!
- 27.