Monday, December 18th, 2006

Creating a reusable Ajax driven dialog with YUI

Category: Articles, Sencha, Yahoo!

Jack Slocum is back with an example for creating a reusable Ajax driven dialog with YUI. The example is an Image Chooser, and Jack goes through explaining how he build the application: Creating the Dialog Adding the Toolbar Working with Layouts DomHelper Templates JSON with JSON View

Posted by Dion Almaer at 8:01 am
1 Comment

4.4 rating from 52 votes

Friday, December 15th, 2006

YUI: Reset The Browsers CSS

Category: CSS, Yahoo!

YUI has a CSS Reset set of style that aims to normalize the browsers so your CSS can start on an even playing field. The entire CSS file (which you can see here) is just 30 simple lines of getting explicit. Dean Edwards wants a <reset /> button :)

Posted by Dion Almaer at 12:55 pm

3.8 rating from 43 votes

Wednesday, December 6th, 2006

Ajax OpenReports Report Viewer

Category: Showcase, Yahoo!

Erik Swenson of Open Reports has created an Ajax Report Viewer: OpenReports Report Viewer. The example uses YUI and YUI-EXT. Click to see the flash demo.

Posted by Dion Almaer at 11:51 am
1 Comment

4.2 rating from 32 votes

Tuesday, December 5th, 2006

Douglas Crockford Video: Advanced JavaScript

Category: Presentation, Yahoo!

Douglas Crockford is “Yoda of lambda programming and JavaScript” (according to Brendan Eich), and he shows it in his presentations on all things JavaScript. The Yahoo! UI team video-taped his Advanced JavaScript talk (which he gave at The Ajax Experience): In this presentation — the third of a three-part series he has been teaching at Read the rest…

Posted by Dion Almaer at 10:10 am

4.3 rating from 104 votes

Sunday, December 3rd, 2006

Yahoo! Performance Engineers discuss what the 80/20 Rule Tells Us about Reducing HTTP Requests

Category: Yahoo!

Tenni Theurer, a performance engineer at Yahoo!, has written a post on What the 80/20 Rule Tells Us about Reducing HTTP Requests. It focuses on looking at the entirety of a page load, using the example of ASIDE: I have been using the beta of Firebug to see exactly this kind of data when Read the rest…

Posted by Dion Almaer at 10:17 am

4.3 rating from 30 votes

Thursday, November 30th, 2006

Yahoo! TV: Ajax’d up Beta

Category: Showcase, Yahoo!

Yahoo! TV has had a face lift. and it has a lot of the usual suspects from YUI: Nice smooth tabs: A carousel for picks, and a mini tv listings on the right side: The full tv listings show up on demand as you scroll down: Some are not too enthused. Dave Winer commented: Yahoo Read the rest…

Posted by Dion Almaer at 2:30 pm

3.3 rating from 23 votes

Tuesday, November 28th, 2006

YUI Resizable Component

Category: Examples, Sencha, Yahoo!

Jack Slocum keeps ’em coming with his detailed post on a reusable component for resizing elements. Jack’s YAHOO.ext.Resizable component does what it says on the tin, and he shows you: Basic Resizable div Wrapped elements (e.g. text area inside) Preserve Ration (e.g. image resizing) Transparent Handles Customizable Handles Snapping to increments Animated Transitions < View Read the rest…

Posted by Dion Almaer at 7:38 am

4.1 rating from 59 votes

Friday, November 17th, 2006

Yahoo! UI: 0.12 Release

Category: Announcements, JavaScript, Library, UI, Yahoo!

Version 0.12 of the YUI Library has been released: The TabView Control: Written by YUI Animation and Dom author Matt Sweeney, this dynamic tab solution is the newest YUI addition and features robust support both for progressive enhancement and for high-gloss richness. Check out Matt’s roster of TabView examples for an idea of what the Read the rest…

Posted by Dion Almaer at 9:08 am
1 Comment

4.4 rating from 34 votes

Tuesday, November 7th, 2006

Yahoo! UI: BasicDialog Updated

Category: Sencha, Yahoo!

Jack Slocum has updated his fantastic YAHOO.ext package yet again. The main changes are: CSS Sprites First off, many of the images for the TabPanel, BasicDialog, BorderLayout and Button classes have been made into CSS sprites. This should improve loading time for images and prevent flickering. All components developed in the future will use CSS Read the rest…

Posted by Dion Almaer at 7:45 am

4.5 rating from 36 votes

Friday, November 3rd, 2006

iFilm Relaunch

Category: Showcase, Yahoo!

iFilm has just relaunched with a nice rich redesign. Mark Kawakami is one of their developers, and he told us: We’ve integrated Ajax and DOM scripting all over the place, like our sexy new carousels, dynamic video resizing, emailing, commenting and even login. We’re using tight, lean, semantic and validating XHTML (or at least very Read the rest…

Posted by Dion Almaer at 10:08 am
1 Comment

3.5 rating from 25 votes

Wednesday, October 25th, 2006

Yahoo! Bookmarks

Category: Showcase, Yahoo!

Yahoo! has got a new Bookmarks site at the ready in beta. I imagine they spent a lot of time working out what people really want out of this service, and how it fits in with A nice part of experience is that it is extremely easy to import bookmarks from the old y!bookmarks, Read the rest…

Posted by Dion Almaer at 9:53 am

3.8 rating from 28 votes

Tuesday, October 24th, 2006

Yahoo! Store: Rich YUI Version

Category: Showcase, Yahoo!

Dustin Diaz is a UI engineer at Yahoo! that worked on two new setup wizards to help design your store and add items into your product database. My specific area of development was channeled into the Design Wizard which allows a merchant to choose between various custom designed templates or pick a generic design with Read the rest…

Posted by Dion Almaer at 9:37 am
1 Comment

3.8 rating from 21 votes

Friday, October 20th, 2006

YUI BorderLayout: Rich cross browser layouts

Category: JavaScript, Library, Sencha, UI, Yahoo!

Jack Slocum has been Exploring Cross-browser Web 2.0 Layouts with Yahoo! UI. After realising that almost every desktop application and many of these new web interfaces all start with a common layout, he decided to create a reusable layout manager called BorderLayout in JavaScript. His requirements were: Must be cross-browser – JavaScript errors and inconsistency Read the rest…

Posted by Dion Almaer at 8:27 am

4.4 rating from 38 votes

Wednesday, October 18th, 2006

YUI: Setting the record on library file size

Category: JavaScript, Library, Yahoo!

Eric Miraglia has written a detailed post on YUI: Weighing in on Pageweights, that discusses the “file size” issue of JavaScript libraries: When we opened up the YUI Library in February, we talked about some of our motivations for creating an entirely new JavaScript toolkit. One of those motivations, we said, was that Yahoo!’s diverse Read the rest…

Posted by Dion Almaer at 7:19 am

4 rating from 21 votes

Monday, October 9th, 2006

YUI WordPress Comment System

Category: Sencha, Showcase, Yahoo!

Jack Slocum is at it again. He sat down thinking about revamping his WordPress comment system, and at 3am he was done. His new comment system is based on YUI and features: Block Comments: A “Block” is any paragraph, image, title or code in a post. When you select a block to comment on, it Read the rest…

Posted by Dion Almaer at 9:02 am

4.3 rating from 56 votes

Monday, October 2nd, 2006

Yahoo! Browser-Based Authentication

Category: Google, Yahoo!

Yahoo! has released their Browser-Based Authentication system that: … makes it possible for your applications to use that data (with their permission). BBAuth also offers a Single Sign-On (SSO) facility so that existing Yahoo! users can use your services without having to complete yet another registration process. This service is similar to Googles Account Authentication Read the rest…

Posted by Dion Almaer at 7:30 am

3.8 rating from 18 votes