Over a million developers have joined DZone.

Maxmertkit - CSS Framework Based On Widget-Modifier Coding Style

· Web Dev Zone

Start coding today to experience the powerful engine that drives data application’s development, brought to you in partnership with Qlik.

Maxmertkit is a new CSS framework which is based on a widget-modifier coding style.  What this means is that instead of trying to showcase all the functionalities of the CSS framework by demoing every single component of it, Maxmertkit allows you to demo each component by choosing yourself which one to demo.

Maxmertkit provides you with a list of possible widgets defined by the CSS framework such as table, input, form vertical, form horizontal, button, input group, buttons group, groups with carets, tabs, badge, label, dropdown, menu, toolbar, menu in dropdown, tooltip and progressbar.

If you wish to see how a button looks when you apply the ‘huge’ class to it, firstly you drag the button widget to the widget display area, then you drag the class ‘huge’ onto the displayed button to apply the huge class to it.

This is an efficient way to showcase the various features of the CSS framework without cluttering up the page with all the possible variations of the components. The Maxmertkit also has other components like social media buttons, popups, tabs, tables, scroll spy, carousel and more.

Requirements: None
Demo:http:/ / maxmert. com/
License: Apache License v2.0

Create data driven applications in Qlik’s free and easy to use coding environment, brought to you in partnership with Qlik.

Topics:

Published at DZone with permission of Hirvesh Munogee, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}