Diesel UI was forked from the popular Fuel UX Twitter Bootstrap extension.
Diesl UI extends Twitter Bootstrap with additional lightweight JavaScript controls. Other benefits include easy installation into web projects, integrated scripts for customizing Bootstrap and Diesl UI, simple updates, and solid optimization for deployment. All functionality is covered by live documentation and unit tests.
Diesl UI provides all of the styles and plugins from the revolutionary Twitter Bootstrap project, with the following additions:
-
Diesl UI JavaScript controls (with unit tests) see them live
- Checkbox - consistent cross-browser cross-platform look and feel for checkbox elements
- Combobox - combines input and dropdown for easy and flexible data selection
- Datagrid - renders data in a table with paging, sorting, and searching
- Pillbox - manages selected items with color-coded text labels
- Radio - consistent cross-browser cross-platform look and feel for radio elements
- Search - combines input and button for integrated search interaction
- Select - extends button dropdown with the ability to set and retrieve the selected item
- Spinner - provides convenient numeric input with increment and decrement buttons
- Tree - renders data in a tree, supporting caching and optional multi-selection
- Wizard - displays a multi-step process to be completed in a specific order
-
AMD compatibility for modular structure and deployment optimization
-
Grunt-based build script to easily create custom distribution files
-
Namespaced CSS (just add a
fuelux
class) for safe use on existing sites
git clone git://github.com/earmbrust/dieselui.git
- Default Diesl UI files for production use are located in the dist directory
- To customize, modify the JS and LESS files under src then run
grunt
to regenerate your dist directory (more below)
Hosted on GitHub pages: http://exacttarget.github.com/fuelux
Use GitHub issues: https://github.com/earmbrust/dieselui/issues
Diesl UI is semantically versioned: http://semver.org
- Initial fork from Fuel UX
Before writing code, we suggest you search for issues or create a new one to confirm where your contribution fits into our roadmap.
In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using grunt.
The dist
directory will be removed soon, to provide sanity for the SCM and lighter pulls.
Please don't edit files in the dist
directory as they are generated via grunt. You'll find source code in the src
directory!
While grunt can run the included unit tests via PhantomJS, this isn't a substitute for the real thing. Please be sure to test the test/*.html
unit test file(s) in real browsers as well.
We are grateful to the maintainers, contributors, and sponsors of the following technologies which make Diesel UI possible:
-
Fuel UX (Original extension)
-
jQuery (Library for DOM, events, animation, and AJAX)
-
Twitter Bootstrap (Modern UI components and interactions)
-
LESS (Stylesheet definition and management)
-
RequireJS (Tool for managing modular JavaScript)
-
grunt (Build tool for JavaScript projects)
Elden Armbrust
Nephi Wright
Adam Alexander
Matt Beard
Bryan Kohlmeier
Kevin Parkerson
Christopher McCulloh
David Waltz
Dustin McCormick
Scott Plumlee
Marvin Pribble
Copyright (c) 2013 Elden Armbrust
Licensed under the MIT License (the "License"); you may not use this work except in compliance with the License. You may obtain a copy of the License in the COPYING file.
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.