Friday, June 08 2012 13: 52

Joomla 3.0 – Bootstrap (Twitter)

It will not be long until something experimental version of Joomla 3.0 launched. Joomla .0 release is the most experimental versions and it is not recommended to use these on live sites. You should at least wait until 3.1 or maybe LTS ...

Joomla 3.0 – Bootstrap (Twitter)

It will not be long until something experimental version of Joomla 3.0 launched. Joomla .0 release is the most experimental versions and it is not recommended to use these on live sites. You should at least wait until 3.1 or maybe LTS (Long Time Support) version 3.5 will.

bootstrap joomla twitter

One of the biggest news is the integration of Bootstrap (previously Twitter Bootstrap) is a user interface tool for creating stylish and efficient interface and features with modern support for mobile devices and touch screens.

Bootstrap is founded by people from Twitter but is completely open and people from around the world helps to take the project further. Bootstrap is of course entirely built on open source and is based on techniques that HTML5, CSS3, LESS and jQuery.

The entire administration tool in Joomla is now being converted into a new interface based on Bootstrap. Take a look at YouTube seminar in the bottom of the article to see in detail how the new admin pages look!

Another integral part of Bootstrap is responsive templates. There is native support for various devices from 480px screens to large screens on 1200 + px everything is scaled dynamically as window size.

Jquery & MooTools

Another major change in Joomla 3.0 is the transition from Mootools to Jquery. JQuery is clearly much more popular than Mootools and many developers have been very frustrated by the conflicts that usually come when integrating both libraries. As of Joomla Jquery 3.0 will be standard and will va which primarily will be used in the Joomla core. However, 3.0 and 3.1 that shipped with Mootools not to release compatibility. However, I would think that when Joomla is ready for 3.5 will Mootools be skipped.

Bootstrap offers many exciting opportunities for both designers and developers. Designers have with Bootstrap lots of simple means to create user friendly features such as touch-friendly buttons, tooltips, dropdown, tabs, modal messages and much more. See Example

bootstrap joomla

For Joomla developer gets more of an API, and the programmer can focus on their PHP and JavaScript instead of trying to create the user interface and CSS code.

In addition, Joomla pages much slimmer in size when we standardize elections javascript library.

Read more about Bootstrap here:

http://twitter.github.com/bootstrap/index.html
http://www.joostrap.com/

Want to help with the user interface to Joomla so you can find it here http://ux.joomla.org/

Also read the article about Brian Teemans interface in Joomla 3.0 http://brian.teeman.net/joomla/788-joomla-ui-jui-and-bootstrap

Online lecture

Lecture from 8 June 2012 Joomla 3.0 and Bootstrap

Kyle Ledbetter, who works on ebay and have used and developed to Joomla since 2005 tells about the plans for a common GUI tool (bootstrap) in Joomla 3.0.

Joomlaproffs currently developing a new template based on Bootstrap. More info to come ...

Joomlaproffs.se is not affiliated with or endorsed by the Joomla Project or Open Source Matters. The Joomla name and logo are used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

© Copyright 2011 - 2019 - W & N Media AB