Responsive Design with Joomla!

Build a custom Joomla! 3 template that automatically tailors and sizes content for a wide range of displays, from desktops to mobile devices, leveraging Bootstrap, which ships with Joomla! 3.In this course, Jen Kramer shows how to build a custom Joomla! template that automatically tailors and sizes content for a wide range of displays, from desktops to mobile devices. This course covers using Joomla! 3 with its built-in Bootstrap framework, and a start-to-finish development strategy that covers everything from converting the wireframe to HTML, to styling the headers and footers. Jen also shows how to incorporate Dreamweaver and the Firefox developer tools into your workflow, and accommodate multiple layouts and color variations in a single template. Topics include: Reviewing the graphic designs Creating HTML based on the Bootstrap framework Converting the HTML to a Joomla! template Installing the custom Joomla! template Using Firebug and the Firefox Web Developer Toolbar Styling the navigation bars Creating a dropdown menu Modifying the template for tablets and phones Working with advanced template features, like overrides