YUI-Shed

How to Separate Logic using YUI 3 | Part 2

2010-07-16T21:38:00.001-04:00

In my first segment, How to Separate Logic Using YUI3, I advocated using Y.Get as a way to load separate scripts as they were needed on the page, rather than on page load. This works well, with some minor drawbacks such as -if you need to set dependencies between the objects, you must create global YUI namespaced variables. Which may or may not be so bad depending on your code logic. What I am

99 Designs - Sponsored Post

2010-04-10T21:07:00.001-04:00

99 Designs - 99designs.com"THE" best sites to get design work done! a:visited._splink {text-decoration: none; color: white;}}sponsored likejminkler's profile on MyLikes

LazyDev: First Page of Goolge in under 11 hours .. ?

2010-03-26T02:54:00.000-04:00

Wrote up a posting today over at LazyDev about a page 1 ranking I got today .. just messing around ... in under 11 hours :-D

Top Vistits - By Browser - 1 mo on this site

2010-02-23T00:21:00.000-05:00

1) Firefox 2) Chrome 3) IE 4) Safari 5) Opera Curious about the IE numbers you say? IE 6 had 1 visit (shame on you really...) IE 5.02 had 2! (double shame). 62% of the IE users use IE 7. (Ouch I would hate to develop js in IE 7) Firefox holds 55% of the traffic, with Chrome at 17%. Most Firefox users are using 3.5.7 This should be rather obvious why my numbers are skewed, but strangely

How to separate logic using YUI 3

2010-02-11T08:55:00.001-05:00

There are several things to consider when building up the javascript on a page. How the js files will be loaded, what io actions will take place, animations, form validation etc. Yahoo User Interface give you a nice set of options to put it all together, while minimizing the downloads to the client. For our example, let's assume we have 2 separate Ajax calls we want to make, which then triggers

YUI PHP Loader

2009-10-07T11:13:00.003-04:00

YUI PHP Loader HomeI have made several PHP loaders for YUI over the years, and it's nice to see this library come about. Taking a look at the examples, I can see that I had the right idea. The PHP Loader is more robust and cleaner than my implementations however. So, the problem this PHP code solves is loading your scripts or YUI scripts dynamically on page load without having to write any of

YUI Sparkline Widget « Chicken of the Web

2009-08-10T23:13:00.001-04:00

YUI Sparkline Widget « Chicken of the Web If your into cutting edge, this is a nice example of subclassing YUI 2.7 charts to create sparklines in

YUI 3: Design Goals and Architecture -Satyen Desai » Garuna Web Designer

2009-08-08T11:54:00.001-04:00

YUI 3: Design Goals and Architecture -Satyen Desai » Garuna Web Designer Satyen Desai goes over lessones learned from YUI 2.7, and the design goals for YUI3. YUI 2 users have expressed the need for more from YUI3LighterFiner GranularityCode reuse, common base class, easier to create plugins and extensionsEasierConistant API Selector, Widget class, BaseConvenience - each, bind, chaining, syntax

Using Prototype and YUI

2009-08-07T18:10:00.002-04:00

Using prototype and YUIThere are many reasons why you might use prototype.js with yui. You may be moving to Yahoo User Interface, or vice versa, or you may just prefer some flexibility. Whatever the reason, there are some good points to using the two together. I have pointed out several times on this blog and Practical Prototype that I personally prefer this method. I use YUI for the widgets, and

Y.get() != new Element()

2009-07-24T00:24:00.001-04:00

While trying to use YUI 3.0, I was attracted to try out the YUI Node feature with the following code$ele = Y.get('foo');I was working out some race condition problems, and was hoping the waiting feature (where YUI will wait for the element to be in a ready state) would solve some problems for me.What I had forgot was that Y.get is not the standard dollar function ( $('foo'), $('#foo'), etc ).

YUI 3.0.0 beta 1

2009-07-19T18:37:00.000-04:00

YUI 3.0.0 beta 1 is now available for download from YUILibrary.com.From the Yahoo! User Interface Blog:"This release takes YUI 3 out of its preview phase and brings its APIs to a near-final state. For those intending to implement YUI 3, the 3.0.0 beta 1 release is a good place to begin the transition. If you’ve been working with the latest preview release, George Puckett has provided a

Technorati Code

2009-07-09T09:05:00.000-04:00

9nk6ub5zpc

YUI 3 Preview Release 2 - IO

2009-02-22T10:20:00.002-05:00

Today I will go over the new IO Utility in the YUI 3 Preview Release 2 "IO is an HTTP utility that enables HTTP requests while maintaining a persistent client UI, for the purpose of data retrieval and content update. IO uses the XMLHttpRequest object for making "same-domain" requests. IO can make "cross-domain" requests, when instructed to do so, using an alternate HTTP transport."What does this

YUI 3 Preview Release 2 - Get Utility

2009-02-19T20:28:00.002-05:00

Yahoo's User Interface Get Utility is one of my favorites. I use this constantly to load secondary scripts on the page, or when some event requires additional scripts. For example, while putting together a RIA with dialogs, you may not need the "container" library to load when the page loads, you may want to delay this till the user actually performs and action the requires the container to show.

YUI Shed Presents - YUI 3.x Preview Release 2

2009-02-19T19:44:00.001-05:00

YUI 3.x has been brewing for some time now under the radar. I personally have kept peeking in to see if they had any of the widgets from YUI 2 working in this latest releases. As of YUI 3.x Preview Release 2 We have the first widgets, Overlay, Slider, and Console, along with MenuNav Nodes. This is a pretty big step forward, and gives me incentive to give each new component a test run, and

Nicole Sullivan on YUI Theater

2009-02-11T00:25:00.002-05:00

This was a very good installment of YUI theater, that all web developers should take a look at. Her talk goes into image sprites, things already recommended by YSlow!, and some very interesting points to consider when designing a website. Sometimes, a few bad requirements will make things difficult to maintain, as well as make for bad markup and or bad javascript. If you have never visited YUI

YUI and Google Gears Data Sets

2009-02-06T09:55:00.011-05:00

I recently have had some requests to post some examples of how to use YUI with Google Gears. Below is the code for a simple example using the developer's example from Google Gears documentation as a starting guide. var loader = new YAHOO.util.YUILoader({ require: ['json', 'datatable'], onSuccess: function(){ var db = google.gears.factory.create('beta.database');

Feasability of combining files for faster performance

2008-07-29T09:25:00.003-04:00

At the YUI Blog there has been an on going blog on Website Performance and YUI. In part 6 the YUI blog goes into combining files for faster performance. There was also a post on Non-blocking JavaScript Downloads. Trying to implement these methods is preferable, but how easy is it? I guess that depends on your deployment and programming practices. I like to break up sets of objects and functional

US Government against radio ?

2008-07-06T09:54:00.001-04:00

Although this is totally unrelated to JavaScript, in any way, I think the community as a whole will understand how important this is. A few months ago, I received several emails stating that the new internet regulations may bring down internet radio sites such as pandora and others. Today, I received an email that really disturbed me. The government was going to cut funding on the SETI@Home

JS::YUI::Loader

2008-07-02T02:44:00.001-04:00

For all you perl fans out there, there is a CPAN module for using YUI's loaderJS::YUI::Loader - Robert KrimenHas all basic bells and whistles, but only supports native YUI components. There doesn't seem to be a way to Add a module "out of the box".Perhaps you could extend this module and include a hash of files and their properties to get at your own custom libs. Blogged with the Flock Browser

Not Sure ...

2008-07-02T02:32:00.001-04:00

Not sure if Ajaxian gets it right here when comparing modules.js to YUI"Compared to YUI Loader YUI Loader uses a static dependency table to ensure that YUI modulesare loaded in the correct order. This means that third party moduleshave to monkey patch this table if they have inter-moduledependencies. It's similar to modules.js in that it uses XHR." I have build a perl modules loader based on

YUI Autogrid

2008-07-02T02:19:00.002-04:00

Ajaxian's own Christian Heilmann has posted a solution for resizing YUI Tempate and Grid elements (yui-t and yui-g) to allow for a dynamic site look based on the browser, and viewport.Full Article - YUI Autogrid: Correctly resize the gridsSince we do not have variables in CSS (as of this writing i believe it is the current specification) we cannot properly resize the page layout according to the

Recommended Books

2008-06-18T10:14:00.001-04:00

Amazon.com WidgetsBlogged with the Flock Browser

YUI Shed

2008-06-05T12:51:00.001-04:00

Stay tuned for YUI templates, components, and tips.