Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

UA Extra (gallery-ua-extra) on cdn

Last Updated: 08/21/10

+ 1 -

Jacob Fogg

YUI Contributor

See 3 more by this user.

Created: 08/18/10
Last CDN Push: 08/25/10
Build Tag: gallery-2010.08.25-19-45
Project: YUI 3
License: YUI BSD
YUI Version: 3.1.2
Free for use.

This module is simply designed to add a few classes to the HTML element on your page. This allows you to create some limited environment specific CSS styles in a very easy way.

This module should not be used as a crutch for lazy/poor CSS design, but rather an easy way to deal with browser specific bugs, like Chrome's current line-height bug.

Simply adding "gallery-ua-extra" to your YUI use statement will add the CSS classes to represent your operating system (e.g. mac, win, etc.), browser renderer (e.g. trident, gecko, webkit, or presto), browser (e.g. Chrome, FireFox, IE, etc.), and finally I add in "mobile" and "secure" where it applies. For the sake of consistency / ease of use, I add "renderer" and "browser" to Y.UA.

The idea and some of the code behind this module were borrow from AUI's base class.

Simply adding "gallery-ua-extra" to your YUI().use statement makes the CSS classes available for your use.

Code Sample

<script src="http://yui.yahooapis.com/3.1.2/build/yui/yui-min.js"></script>

<strong>Current HTML element classes are:</STRONG> 
<span id="HTMLClasses"></span>
 
<script>
  YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.08.25-19-45'
}).use('gallery-ua-extra', function(Y) {
 
    /*
     *   By simply adding "gallery-ua-extra " to your use statement, 
     *   the CSS classes have already been applied! 
     *
     */
 
    Y.one('#HTMLClasses').set('text',Y.one('HTML').get('className'));
 
  });
</script>

Forum Posts

No forum posts for this module.