Titon Toolkit

The Titon Toolkit is ideal for developing the interface of responsive applications, allowing developers to create one single frontend that works on mobiles, tablets, and classic PCs.

Developers can use Titon with any kind of backend technology they want, ranging from common PHP to more niche RoR or Java systems.

The underlying components' code has been written in SASS, so if you're versatile in that, you'll feel right at home.

Other technologies used for Titon include HTML5, CSS3 and Grunt, and there's Bower support included as well.

There's documentation and demos for developers to help them get started, documentation that addresses both the JS API and the CSS philosophy.

Supported components:

Accordion

Typography

What is new in this release:

• Flexbox support
• RTL support
• Component class split
• Updated CSS namespacing
• Integrated BEM naming
• Lazy-loaded templates

What is new in version 2.1.7:

• Flexbox support
• RTL support
• Component class split
• Updated CSS namespacing
• Integrated BEM naming
• Lazy-loaded templates

What is new in version 2.1.6:

• Flexbox support
• RTL support
• Component class split
• Updated CSS namespacing
• Integrated BEM naming
• Lazy-loaded templates

What is new in version 2.1.5:

• Flexbox support
• RTL support
• Component class split
• Updated CSS namespacing
• Integrated BEM naming
• Lazy-loaded templates

What is new in version 2.1.3:

• Flexbox support
• RTL support
• Component class split
• Updated CSS namespacing
• Integrated BEM naming
• Lazy-loaded templates

What is new in version 2.1.2:

• Flexbox support
• RTL support
• Component class split
• Updated CSS namespacing
• Integrated BEM naming
• Lazy-loaded templates

What is new in version 2.0:

• MooTools has been completely dropped from Toolkit and will no longer be included. jQuery 2.0 is now the primary library.
• Internet Explorer 8 has also been dropped.
• Themes have been completely removed from Toolkit. This reduces the CSS filesize while encouraging custom styling.
• An extensive testing suite that provides over 300 unit tests has been included that utilizes Mocha and Chai.
• An external interactive demonstration suite has been created.
• All CSS component class names are now customizable through Sass variables.
• CSS component class names are no longer hardcoded in the JavaScript layer (excluding state classes and templates).
• Class prefixing is now automatically applied to all CSS class names in the Sass layer and within JavaScript templates.
• The class layer has been completely refactored from the ground up.
• Class instance events have been replaced by hooks, which will be executed during fireEvent() alongside DOM events.
• New custom events horizontalresize and verticalresize have been added to help in scenarios where resize is too problematic for mobile and touch devices.
• A rudimentary debugging layer has been integrated into all components.
• The responsive and mobile web is constantly changing, and because of this, the grid had to change accordingly.