20 new things: Joomla 3.0 vs. Joomla 2.5

  • a Guest
  • a Guest's Avatar Topic Author
  • Visitor
  • Visitor
12 years 3 weeks ago - 12 years 3 weeks ago #106 by a Guest
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:
  • The Main Menu

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 .
Last edit: 12 years 3 weeks ago by a Guest.

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum