Introduction
Boks is an AIR application (so it works on Windows, Mac and Linux) that provides a User Interface for Blueprint CSS's framework. It's been designed for those who think the Grid System is good but never really took the time to give it love.
It handles grid configuration, baseline rhythm pimpin', CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!
Install (0.3.4)
Screenshots
Versions (feed)
- 0.3.4 - Current
- Pushed the maximum column amount to 150.
- 0.3.3
- Added the ability to have 0px gutters, thanks to gaurav. Added a minimum column amount warning, thanks to bram. Updated Blueprint to 0.9.1. Fixed a bug with Live Preview's menu item.
- 0.3.2
- Removed the "Vote for Boks!" button
- 0.3.1
- Shameless plug: Vote for Boks! Button will be removed after MAX 2009. Compiled for AIR 1.5.2
- 0.3
- DOCTYPE dropdown (idea by Palleas), baseline rhythm selectors can now be reordered, dummy text now inserted at cursor/selection, bottom pane is now resizeable (idea by alan), F5 or Ctrl/Command+R now refreshes the preview (idea by alan, too), Blueprint version updated to 0.9 (idea by Kongondo), closing block comment now optional (idea by Cedric), block text preview improved.
- 0.2.3
- Ability to choose between a MooTools or a jQuery version for the image baseline fix, thanks to Erik and Jitendra Vyas.
- 0.2.2
- Lorem Ipsum generator, thanks to lipsum.com and joshua.almirun.com. Column width limit pushed to 300px. Elements with IDs now have an HTML comment when closed.
- 0.2.1
- Baseline rhythm fix. Borders: visual feedback. New: PDF export! New: History management (Undo/Redo)!
- 0.1.8
- Bug fix for the column-wide border
- 0.1.7
- Cosmetic issues.
- 0.1.6
- Resizeable Settings window, new shortcut for the Settings window, Live Preview fix on Linux, new buttons in the Live Preview toolbar, new button in the main UI to the Settings window, quick theme update.
- 0.1.5b
- Quick help in status bar and width tooltips
- 0.1.5
- Initial release
Help
Video screencasts, FAQ and more... This way, please!
Feedback
Found a bug or have suggestions? Drop a comment on Boks' blog post.
Source code
Some classes used in this project are available as opensource code.
Including AlivePDF, Lorem Ipsum Generator, JSON Serialization, HTML Entities and my Adobe AIR utilities.
The JavaScript files (MooTools and jQuery versions) to fix image baselines are available at their own Google Code Project page.
To get the latest versions, make sure your use the SVN repositories.