Welcome to ABMaterial!
ABMaterial is a new framework created by Alain Bailleul combining a tuned Materialize CSS with the free programming tool B4J. It allows creating WebApps that not only look great thanks to Googles Material Design, but can be programmed with the powerful free tool from Anywhere Software.
This site you are now exploring is written completely in B4J without having to write a single line of HTML or CSS code! All this code is automatically generated while you can program your WebApp in an object oriented way like you are used to in the other Anywhere products like B4A, B4i and B4J. ABMaterial controls can be themed and have events you can use in B4J to manipulate the app. Using jQueryelement in ABMaterial, you do not have to worry about Futures etc, as all is taken care of in the library.
ABMaterial WebApps are Desktop, Tablet and Phone aware. Depending on the size of the screen, your app can appear different. For example when you resize this site on a desktop, you'll notice the SideBar on the left will disappear and a 'sandwich' button will appear in the TopBar. See layouts for more information on how to do this. Click on the images for a larger view.



So how does it work?
ABMaterial is split into two parts: Grids/Components and Themes. Grids/Components define the structure and components within your page. Themes can be used to define the look of the components in your app.
A good place to start is reading the Getting started section.
I hope you'll enjoy programming with ABMaterial. Check out the B4J forum for questions, bugs or suggestions. I spend a lot of time in there...
