jtux/ ├── css/ │ └── main.css │ ├── jtux.css │ ├── jtux_ecourt.css │ ├── jtux_justice.css │ └── jtux-unintrusive.css │ └── jcon.eot │ └── jcon.svg │ └── jcon.ttf │ └── jcon.woff ├── js/ │ ├── main.js │ ├── jtux.js │ └── drop.js │ └── nest.js │ └── plugins.js ├────── vendor/ │ └── fastclick.js │ └── jquery-1.10.2.min.js │ └── jquery-2.js │ └── jquery.cookie.js │ └── jquery.js │ └── modernizr-2.6.2.min.js │ └── modernizr.js │ └── placeholder.js │ └── summernote.js │ └── summernote.min.js
JTUX is optimized for modern web browsers. This allows us to take advantage of all the new emerging technologies. At the same time we believe in supporting the needs of our users who are still using older systems. We are constantly testing JTUX to make it stronger and support compatibility across all browsers.
Older browsers may display differently than expected, however they are still entirely functional. Certain browsers do not support form elements, animation, etc... If you are interested in the specifics of browser compatibility then click on this link: w3 Browser Statistics
Currently, some of the default color combinations available in JTUX, (such as the active dropdown item classes,) have a low contrast ratio (below the recommended ratio of 4.5:1). This can cause problems to users with low vision or who are color blind. These default colors may need to be modified to increase their contrast and legibility.
Using JTUX is quite simple. First make sure you have successfully installed the JTUX CSS and JS files to your application. Now simply write out your HTML foundation, then apply classes to instantly add WOW factor to your code.
Take a look at the examples below to see how it all comes together. When you are comfortable with those move on to the components page. There you will find a full list of components available, and the best ways to implement them.