Joomla has recently released the
Joomla 3.0.0
version on September 27th, 2012 with significant updates and major developments. Following right up with the immediate upgrade version
Joomla 3.0.1
for security fix on October 9th. Joomla 3.0 is indeed the hot spot for this month. If you haven’t got familiar with it yet, here are the 20 things that are worth taking note in Joomla 3.0.
1. Non-Responsive vs. Responsive
Joomla is now officially
responsive
- mobile devices ready, due to the help of Bootstrap. The front-end will have the responsive built-in feature, the back-end also inherits this tweak. You will NOW officially be able to get your site under control even when you are ”on-the-go” with just a mobile device!
This image is hidden for guests.
Please log in or register to see it.
This image is hidden for guests.
Please log in or register to see it.
This image is hidden for guests.
Please log in or register to see it.
This image is hidden for guests.
Please log in or register to see it.
2. Without bootstrap vs. With bootstrap
The big word for Joomla 3.0 is
Bootstrap
. With basic CSS already integrated into Joomla 3.0, it is aiming for a much better UX for the end-user.
This image is hidden for guests.
Please log in or register to see it.
3. Non+ -LESS CSS vs. LESS CSS
LESS
is a dynamic stylesheet language designed by Alexis Sellier and has recently integrated in Joomla 3.0.
The development of a template has significantly changed by the use of LESS. All the website templates and backend will include /less directory and template.less file. Those two are meant for importing both Bootstrap and JUI (less files and media/jui/less files). That enables the template designers to define which file should be applied to their template, and which one will be imported to the LESS JUI.
This image is hidden for guests.
Please log in or register to see it.
Bootstrap for Joomla 3.0
This image is hidden for guests.
Please log in or register to see it.
vs without bootstrap, joomla 2.5 uses CSS to style
4. Without JUI vs. With JUI (for Extension Developers)
The Joomla User Interface (JUI) library provides a common set of tools that enables component developers to share a common ground of elements, drastically reducing time in coding, without having to innovate and create their own library but still having a clean, nice looking interface. In addition, the loading time are dropped dramatically for users who are surfing around from one Joomla 3.0 site to another, as the javascript and css files are already loaded. Adding a extra fast loading speed for the Joomla 3.0 CMS.
5. The Mambo days vs. the Great UX
No longer will you be bored with the old fashioned interface, Joomla 3.0 did a major improvement on UX that would amaze and make all of us - the fans fall in love all over again, starting with:
This image is hidden for guests.
Please log in or register to see it.
The Joomla 2.5 main menu
This image is hidden for guests.
Please log in or register to see it.
Main menu in Joomla 3.0 back-end
Dashboard with the new look for administrator statistics module
This image is hidden for guests.
Please log in or register to see it.
Joomla 2.5 Dashboard
This image is hidden for guests.
Please log in or register to see it.
Joomla 3.0 Dashboard
Administrator submenu is now located in the left panel
This image is hidden for guests.
Please log in or register to see it.
This image is hidden for guests.
Please log in or register to see it.
Complemented menu on the left panel in Joomla 3.0
A redesigned footer menu for quick status view of your site and a new location for the preview link
This image is hidden for guests.
Please log in or register to see it.
Footer menu in Joomla 3.0
The right panel includes a list of commonly used features
This image is hidden for guests.
Please log in or register to see it.
Commonly used features quick icons are located on the right panel in Joomla 3.0
6. 7 steps vs. the faster 3 steps installation
Right off the batch, you will immediately feel the ”difference" in UI of the complete redesigned installation screen in Joomla 3.0. The installation process is now simplified in only 3 steps compared to the 7 steps procedure we had with joomla 2.5.
[img]/images/stories/demo/joomla 2.5 install.png[/img]
Joomla 2.5 installation screen with the original 7 steps procedure
[img]/images/stories/demo/joomla 30 installs.png[/img]
The 3 steps Installation for Joomla 3.0
The installer will auto-detect your language from your browser and Yes | No option is now designed in a color coded button: Yes (Red) | No (Green)
This image is hidden for guests.
Please log in or register to see it.
This image is hidden for guests.
Please log in or register to see it.
New design for your Yes | No button
In this new version, Joomla supports five sample data sets instead of only three in Joomla 2.5.
This image is hidden for guests.
Please log in or register to see it.
Sample data on Joomla 3.0 vs Sample data on Joomla 2.5
This image is hidden for guests.
Please log in or register to see it.
The whole process has tremendously cut back installation time to less than 1 minute, which is a huge improvements for the installation process. Plus you can save the installation settings for later use by sending it to your email address.
This image is hidden for guests.
Please log in or register to see it.
7. Article Manager interface: boring vs. polished
In the back-end, you’ll find a completely refreshing look and feel starting with the Article Manager which now includes a better organized filtering system with more options available, which now includes better defined icons.
This image is hidden for guests.
Please log in or register to see it.
The old Article Manager look
This image is hidden for guests.
Please log in or register to see it.
Filter friendly and defined icons in Article Manager
Article edit screen has had it’s own redesign with Publishing Options, Article Options and Metadata Options tabs moved from their usual right panel to the top, the text editor is now up-front and centered.
This image is hidden for guests.
Please log in or register to see it.
Article edit screen in Joomla 2.5
This image is hidden for guests.
Please log in or register to see it.
Article edit screen in Joomla 3.0
8. Guest user group: Manually creating as needed vs. Automatically available by default
Now you don’t need to bother creating a “guest” level group in Joomla 3.0. It is now available as default upon installation.
This image is hidden for guests.
Please log in or register to see it.
There is no sign of Guest user group upon the complete installation of Joomla 2.5
This image is hidden for guests.
Please log in or register to see it.
Guest user group is present as default in Joomla 3.0
9. Non-responsive Front-end template vs. Responsive Front-end template
This new responsive minimal front-end template - Protostar - powered by Bootstrap that you’ll find to be versatile and it is simple to customize the template colors by taking advantage of the color picker. Google fonts are allowed in Protostar with a parameter for your heading tag (h1-h6) and site title. You can toggle on or off the parameter in deciding whether or not to use Google fonts for your site, meanwhile that means you are giving up a wide range selection of 500+ google fonts to choose from. Protostar also has a completely natively clean bootstrap customized grid-layout look, it sets a new standard for Joomla template itself.
This image is hidden for guests.
Please log in or register to see it.
Brand new Protostar template
This image is hidden for guests.
Please log in or register to see it.
Protostar provide a variety of customization options for users
10. The same old admin template vs. The slick admin template
Joomla 3.0 named its new administrator template after the Egyptian goddess Isis. Compared to the Bluestork administrator template in Joomla 2.5, Isis has been perceivably designed differently. Since the Isis template is built using the flexible Bootstrap grid layout, the administrator interface Isis is responsive.
This image is hidden for guests.
Please log in or register to see it.
Isis - the Joomla 3.0 administrator template
11. Template Beez3: Updated
If you would like the traditional look for the front end, an updated Beez3 template is the other template option which is still available.
This image is hidden for guests.
Please log in or register to see it.
Beez3 template in Joomla 3.0
12. Joomla Platform version 11.x vs. 12.x
The new Platform has removed numerous deprecated classes and methods from version 11.4. However, for extensions developers, your components would require reasonably small changes for compatibility with Joomla 3.0. It is advised to stop using deprecated classes as they are meant to be removed in future version anyway. Several changes in extensions installation (usage of <extension> base tag in replacement for <install>, stop supporting install/uninstall scripts, com_install/com_uninstall methods in promoting the usage of scriptfile instead, etc...), components (admin.*.php and toolbar.*.php are no longer supported), classes (renamed JFTP as JClientFtp, JLDAP as JClientLdap, JWebClient as JApplicationWebClient, removed and adjustment to number of classes), plugin events (onContentBeforeSave event receives $article by value not by reference as well as onContentAfterSave event), and etc... More details are listed at
Joomla Documentation section.
13. Mootools vs. JQuery
Joomla 3.0 is packaged with JQuery in the core. Though the Mootools option is still available in the back-end, it will be initially available for the sake of backward compatibility and is no longer the primary javascript library interface.
14. Manual rearrangement vs. Drag & Drop feature
Thanks to JQuery, Joomla 3.0 finally supports a Drag & Drop sorting feature in the back-end.
This image is hidden for guests.
Please log in or register to see it.
Remember the time when we have to reorder it ”manually" in Joomla 2.5?
This image is hidden for guests.
Please log in or register to see it.
Say ”yes” to the new Drag & Drop feature for sorting elements in Joomla! 3.0
15. Lower vs. Higher PHP/MySQL requirements
You must have PHP 5.3.1 and MySQL 5.1 or newer to get your Joomla 3.0 up and running while Joomla version 2.5.x only requires PHP 5.2.4 and MySQL 5.0.1.
16. Normal settings vs. Advanced module option
The advanced module settings allow you to modify:
- Module tag: to change the div in section
- Bootstrap size: changing Bootstrap span grid class
- Header tag: which aims for better SEO
- Header class: adds the Bootstrap class in the page header
- Module style: to inherit the Joomla installed template for the module styling
This image is hidden for guests.
Please log in or register to see it.
Your usual and limited module settings in Joomla 2.5
This image is hidden for guests.
Please log in or register to see it.
Advanced module settings in Joomla 3.0
17. Simple Pie vs. JFeed
Switch the feed management from SimplePie to JFeed to get rid of several existing strict error, due to the fact that Simple Pie has been quite old and no one has really done any update on its library for a while now.
On the other hand, Simple Pie’s users are confronting with its crucial errors and lack of flexibility for the current version. This encourages Joomla 3.0 to step up with the use of Louis Landry's JFeed, which is claimed to be simple, extensible and native Joomla contribute to the enhancement of feeds generator in a better and powerful way that Simple Pie wouldn’t allow
18. Non-supported vs. A new PostgreSQL driver is included
You are now able to run your Joomla 3.0 site using PostgreSQL database which further makes the platform ”database independence" for the very first time as it is only integrated with MySQL & SQL server by default.
19. Saving full-detailed articles vs. Saving blank articles
Surprisingly, Joomla 3.0 allows administrative users to create and save blank articles. This feature strives for support users to create articles with even images only and no text content as needed.
This image is hidden for guests.
Please log in or register to see it.
Articles with no content will not be allowed to save in Joomla 2.5
This image is hidden for guests.
Please log in or register to see it.
No Worry! Saving blank articles are NOW acceptable with Joomla 3.0
20. Updated unit testing in CMS
Unit testing is aiming for testing small chunks of code (or we can call them units) on the lowest level possible, usually are methods without including any other classes or methods, to ensure those methods are working as expected. The old unit test was untouched sometimes between version 1.6 and 1.7 which suited the PHPUnit version 3.4. With the updating of CMS version Joomla 3.0 which requires the minimum of PHP 5.3.1 as a minimum version, the new unit test will be developed to prevent backward compatibility from being broken and other cases as necessary (e.g security problems).
The Unit test has set its goal to automate the testing process and achieved 100% unit test coverage for the CMS library classes. Details on the phases of the unit testing for Joomla 3.0 can be found at Unit tests for
CMS Working Group
.