Quick Docs Page
Bitwrench is a "kitchen-sink" type library of various functions which I've used a lot from various web / HTML projects and prototypes.
Its intended purpose is not to replace mature js frameworks like JQuery, Bootstrap, Vue or React but to provide a quick set of helper glue when debugging random projects which may have little to do with web programming. For example if you're debugging an embedded system and just want to dump some data and look at it, or you need to mock up some javascript / HTML tests but don't want to bring in a whole framework that this might be useful for you.
Bitwrench has no dependancies and can be used along side any other framework.
CSS Layout Grid
Bitwrench includes a built-in css grid class set for creating simple regular layouts.bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-1
bw-col-2
bw-col-2
bw-col-2
bw-col-2
bw-col-2
bw-col-2
bw-col-3
bw-col-3
bw-col-3
bw-col-3
bw-col-4
bw-col-4
bw-col-4
bw-col-5
bw-col-7
bw-col-6
bw-col-6
bw-col-7
bw-col-5
bw-col-8
bw-col-4
bw-col-9
bw-col-3
bw-col-10
bw-col-2
bw-col-11
bw-col-1
bw-col-12
Text Alignment & Related
- Text Styles
- Text Styles Code
The following text styles are supported.
This text is left aligned.
This text is centered.
This text is right aligned.
This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified.
Code Section
//this is sample code...
var i;
for(i=0;i!=10;i++)
foo(i);
Headings
- Headings
- Headings Code
The following heading sizes are built-in as well.