"YUI for Control Freaks" code examples

Download all examples as a zip

• YUI grids is an example of a YUI grid, I used Firebug to show how easy it is to change the layout by changing the IDs and classes.
• Automatic Grid is a solution that chooses the right grid for the current browser size (Autogrid article on the YUI blog).
• Fixed positioning shows how you can use position:fixed in CSS to have a grid that has a menu on the left that stays in the viewport.
• Dynamic fixed positioning shows how you can use the DOM methods to only make the menu fixed when there is enough space for it
• Region example shows how you can use region to create elements that either cover the area two elements have in common or the area bit enough to contain both.
• Using Container to monitor font size changes - what it says on the tin
• Reading Blinds - a script to cover the page with a opaque screen to ease reading using only a few lines of DOM and Event tricks