tag:blogger.com,1999:blog-3142016422049873706Mon, 09 Sep 2024 05:59:54 +0000YUI3YUI ShedPreview ReleaseAdobe AirAjaxDHTMLDOMGetGet.scriptIOIO UtilityJavascriptPreview Release 2Web DesignYUI GetYUILoaderYUIfile loadingYUIsparklinecanvascombining filesdesigngoalsdown with ie6eventsexamplesfast performanceflickerpreviewqueueusabilityTemplates, components, tips, and comments about using the Yahoo User Interface Library (YUI)http://yui-shed.blogspot.com/noreply@blogger.com (Jarret)Blogger24125tag:blogger.com,1999:blog-3142016422049873706.post-7962205871929540615Sat, 17 Jul 2010 01:38:00 +00002010-07-16T21:40:51.995-04:00In 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 http://yui-shed.blogspot.com/2010/07/how-to-separate-logic-using-yui-3-part.htmlnoreply@blogger.com (Jarret)1tag:blogger.com,1999:blog-3142016422049873706.post-6034321228052868216Sun, 11 Apr 2010 01:07:00 +00002010-04-10T21:07:22.930-04:0099 Designs - 99designs.com"THE" best sites to get design work done! a:visited._splink {text-decoration: none; color: white;}}sponsored likejminkler's profile on MyLikeshttp://yui-shed.blogspot.com/2010/04/99-designs-sponsored-post.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-580769910217488681Fri, 26 Mar 2010 06:54:00 +00002010-03-26T02:54:07.208-04:00Wrote up a posting today over at LazyDev about a page 1 ranking I got today .. just messing around ... in under 11 hours :-Dhttp://yui-shed.blogspot.com/2010/03/lazydev-first-page-of-goolge-in-under.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-9081954400159409676Tue, 23 Feb 2010 05:21:00 +00002010-02-23T00:21:47.115-05:00down with ie61) 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 http://yui-shed.blogspot.com/2010/02/top-vistits-by-browser-1-mo-on-this.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-7823947975811757178Thu, 11 Feb 2010 13:55:00 +00002010-02-11T08:55:56.420-05:00There 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 http://yui-shed.blogspot.com/2010/02/how-to-seperate-logic-using-yui-3.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-9148624056656813060Wed, 07 Oct 2009 15:13:00 +00002009-10-07T11:16:43.880-04:00YUI 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 http://yui-shed.blogspot.com/2009/10/yui-php-loader.htmlnoreply@blogger.com (Jarret)1tag:blogger.com,1999:blog-3142016422049873706.post-1838076358402616536Tue, 11 Aug 2009 03:13:00 +00002009-08-10T23:13:46.213-04:00canvasYUIsparklineYUI 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 <canvas> and javascript. Blogged with the Flock Browserhttp://yui-shed.blogspot.com/2009/08/yui-sparkline-widget-chicken-of-web.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-6836582997623370009Sat, 08 Aug 2009 15:54:00 +00002009-08-08T11:54:25.683-04:00designgoalsexamplespreviewYUI3YUI 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 http://yui-shed.blogspot.com/2009/08/yui-3-design-goals-and-architecture.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-46540830390138096Fri, 07 Aug 2009 22:10:00 +00002009-08-07T18:11:54.524-04:00Using 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, andhttp://yui-shed.blogspot.com/2009/08/using-prototype-and-yui.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-3223403717386532524Fri, 24 Jul 2009 04:24:00 +00002009-07-24T00:24:49.527-04:00While 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 ). http://yui-shed.blogspot.com/2009/07/yget-new-element.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-3747397206325641840Sun, 19 Jul 2009 22:37:00 +00002009-07-19T18:39:47.084-04:00YUI 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 http://yui-shed.blogspot.com/2009/07/yui-300-beta-1.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-5696285387641620505Thu, 09 Jul 2009 13:05:00 +00002009-07-09T09:06:01.959-04:009nk6ub5zpchttp://yui-shed.blogspot.com/2009/07/technorati-code.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-919535815322097109Sun, 22 Feb 2009 15:20:00 +00002009-02-22T14:19:47.097-05:00eventsIOIO UtilityPreview Release 2queueYUI ShedYUI3Today 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 thishttp://yui-shed.blogspot.com/2009/02/yui-3-preview-release-2-io.htmlnoreply@blogger.com (Jarret)3tag:blogger.com,1999:blog-3142016422049873706.post-2132980930317512768Fri, 20 Feb 2009 01:28:00 +00002009-02-19T20:41:44.923-05:00GetGet.scriptPreview ReleaseYUI ShedYUI3Yahoo'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.http://yui-shed.blogspot.com/2009/02/yui-3-preview-release-2-get-utility.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-8892008192564578697Fri, 20 Feb 2009 00:44:00 +00002009-02-19T19:44:16.746-05:00Preview ReleaseYUI ShedYUI3    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 ahttp://yui-shed.blogspot.com/2009/02/yui-shed-presents-yui-3x-preview.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-1742745927802979395Wed, 11 Feb 2009 05:25:00 +00002009-02-11T00:30:10.516-05:00This 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 http://yui-shed.blogspot.com/2009/02/nicole-sullivan-on-yui-theater.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-5870156399916198226Fri, 06 Feb 2009 14:55:00 +00002009-02-06T10:15:44.979-05:00I 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'); http://yui-shed.blogspot.com/2009/02/yui-and-google-gears-data-sets.htmlnoreply@blogger.com (Jarret)tag:blogger.com,1999:blog-3142016422049873706.post-5880126060291702011Tue, 29 Jul 2008 13:25:00 +00002008-07-29T09:32:59.423-04:00combining filesfast performanceflickerusabilityYUI GetYUIfile loadingYUILoaderAt 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 http://yui-shed.blogspot.com/2008/07/feasability-of-combining-files-for.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-34886994462811224Sun, 06 Jul 2008 13:54:00 +00002008-07-06T09:54:17.435-04:00Although 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@Homehttp://yui-shed.blogspot.com/2008/07/us-government-against-radio.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-3385542221593295913Wed, 02 Jul 2008 06:44:00 +00002008-07-02T02:44:50.538-04:00For 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 Browserhttp://yui-shed.blogspot.com/2008/07/jsyuiloader.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-480573702496202461Wed, 02 Jul 2008 06:32:00 +00002008-07-02T02:32:55.953-04:00Not 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 http://yui-shed.blogspot.com/2008/07/not-sure.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-8502083863685577024Wed, 02 Jul 2008 06:19:00 +00002008-07-02T02:22:54.982-04:00Ajaxian'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 http://yui-shed.blogspot.com/2008/07/yui-autogrid.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-857320009584513508Wed, 18 Jun 2008 14:14:00 +00002008-06-18T10:14:06.399-04:00Adobe AirAjaxDHTMLDOMJavascriptWeb Design Amazon.com WidgetsBlogged with the Flock Browserhttp://yui-shed.blogspot.com/2008/06/recommended-books.htmlnoreply@blogger.com (Jarret)0tag:blogger.com,1999:blog-3142016422049873706.post-1018566833160548575Thu, 05 Jun 2008 16:51:00 +00002008-06-05T12:51:59.179-04:00Stay tuned for YUI templates, components, and tips.http://yui-shed.blogspot.com/2008/06/yui-shed.htmlnoreply@blogger.com (Jarret)0