About

We started working on Joomlatools UI during the development of DOCman 3. Our goal was to create a consistent user interface across all our Joomla extensions. So our developers can transfer their knowledge and skills from one extension to another.

With Joomlatools UI we set a new milestone in our goal to improve the life of any Joomla developer. We want to make it easier for developers to create user-centered Joomla extensions.

Why?

Why a new templating framework and not just use Bootstrap or Foundation?

Joomlatools UI is more than a templating framework, it's also a set of guidelines. Built around a number of timeless principles for human-computer interaction. You can't just copy-paste anything anywhere.

More differences:

• "App" feeling by leveraging CSS Flexible Box Layout.
• Built using modern methodologies like Atomic Design and BEM.
• Semantic markup, semantic elements are elements with a meaning.

For Joomlatools UI we got inspired by the well-thought-out macOS Human Interface Guidelines and Material Design.

Tools and methodologies

• Atomic Design
• BEM
• Bootstrap 3
• Grunt
• jQuery
• JqTree
• Magnific Popup
• Mobile-First Responsive design and coding philosophy
• Modernizr
• Normalize
• Open Iconic
• SASS
• Select2