More Updates
If the site appears a little slow, it’s because I have been YDNed 
The Yahoo Developer Network has linked to my YUI Grids Builder directly from the YDN site..
I have updated one of my Code Samples to make it a reusable widget. I rebuilt the Sortable List example into a functional widget.
I have also released the 0.1 (beta) release of a YUI Loader tool. This tool will allow for you to dynamically load javascript into a page and have control over when they are loaded.
I also updated the docs for all of my tools, they can be found here.
Drop me a line and let me know what you think.
December 15th, 2006 at 7:23 am
When I use the Yahoo Builder, how do I save the results of what I built.
When I select “show code”, the HTML displayed doesn’t render what I see on the screen.
December 15th, 2006 at 8:17 am
James –
The Grids Builder is designed to work with the Yahoo User Interface (YUI) CSS Grids tools. They are freely available and you can download a copy from their developer site here:
http://developer.yahoo.com/yui/grids
Let me know if you need any other help..
December 17th, 2006 at 11:53 am
Dav Glass
Thanks for the response. I guess what I’m trying to do, is create a layout using your Grid Builder (very cool by the way) - then, save the layout so that I can use it (HTML/CSS) on my site.
I was thinking that after I use the Grid Builder, I would be able to click the “show code” button and it would show me the CSS generated - so that I could copy and past it to my site.
Is the Grid Builder not meant to save the CSS results of what you built?
Thanks
James
December 17th, 2006 at 5:10 pm
James –
If you click here:
http://developer.yahoo.com/yui/download/
And download the YUI Library, you will find the CSS files needed to make the code from the grid builder work.
You will need the following files:
reset.css
fonts.css
grids.css
In that order..
Or you can just grab the 0.12 release file here combined into a single include:
http://blog.davglass.com/files/yui/css/yuicss.css
Let me know if you need any other help..
December 17th, 2006 at 8:49 pm
Dav
You have been extremely helpful, thank you!
Though I don’t think I’m explaining exactly what I would like do. Since your builder is changing the CSS on the fly with JavaScript, when I use the builder - how might I obtain the results of what the builder is producing.
Take this for example, when I use the builder - I set the following attributes:
- body size = 100%
- body columns = sidebar right 240px
and I leave everything else set to the default.
How might I get the resulting CSS when I set the YUI builder to the attributes I set above? Simply downloading the YUI CSS from Yahoo will not have the CSS attributes set to what I have set above.
Thanks!
James
December 17th, 2006 at 9:01 pm
James –
Yes, simply downloading the YUI css file will make the grids look as the builder does.
First download the YUI CSS Grids css file, the from my builder click the “Show Code” button.. Copy that code and paste it into an HTML file. Link in the downloaded YUI CSS Grids files & you should get a layout just like the builder built.
Note:
The YUI CSS Grids files have all the templates available, my builder only puts the html in place, the CSS grids package does the rest of the work
For a body size of 100%, the builder puts in a doc3 id on the main div, see this:
http://developer.yahoo.com/yui/grids/#page_width
For the 240px sidebar, the builder puts in a class called “yui-t5″, see this:
http://developer.yahoo.com/yui/grids/#available_templates
Dav
December 18th, 2006 at 6:27 am
Dav
Many, many thanks. I now have the template I like
Thanks again.
Micheal