The Gallery is deprecated. No new Gallery components may be submitted, and modifying existing components is disabled. For more information please read the Gallery Deprecation blog post. This is a static snapshot of the Gallery for archive purposes.
See 28 more by this user. Created: 09/20/10
Last CDN Push: 03/11/11
Build Tag: gallery-2011.03.11-23-49
Project: YUI 3
License: YUI BSD
YUI Version: 3.7.3
Free for use.
Moving to 'gallery-xarno-text-resizer' and Y.Plugin.Text.Resizer
Gives the ability to attach font resizing to any node on a page.
We create a list of < Text > where the user can resize the font up and down by clicking on either of the chevrons to the left and right of "Text".
It is recommended to reduce flashes when working with dynamic CSS, that you load in the font size in the header from the cookie stored on the users device during the initial page build on the server.
<script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>
<ul id="size">
<li><a href="#" class="text-resize-down"><</a></li>
<li><span>Text</span></li>
<li><a href="#" class="text-resize-up">></a></li>
</ul>
YUI({
//Last Gallery Build of this module
gallery: 'gallery-2011.03.11-23-49'
}).use('gallery-text-resizer', function(Y) {
Y.one('#size').plug(Y.Text.Resizer);
});
Subject | Author | Date |
---|---|---|
Magnified Vision using Text Resizer | Phillip Ball | 03/24/11 |
Standardizing apipkin Modules | Anthony Pipkin | 10/16/12 |
All code on this site is licensed under the BSD License unless stated otherwise.