Yahoo! User Interface Blog (YUIBlog)

YUI Theater — Paul Donnelly and Nagesh Susarla: “YQL + YUI: Building End-to-End Applications” (38 min.)

In this YUIConf 2010 session, YQL engineers Paul Donnelly (@pjdonnelly) and Nagesh Susarla review how to start your query out in the YQL console, access YQL data via the various endpoints, and go through YQL’s various authentication layers.

If the video embed below doesn’t show up correctly in your RSS reader of choice, be sure to click through to watch the high-resolution version of the video on YUI Theater.

• Download HD video (480p ~275MB)
• Download video (m4v)

Other Recent YUI Theater Videos:

• Eric Ferraiuolo: TipTheWeb.org: Heavy Duty YUI 3 & YQL — In this session from YUIConf 2010, TipTheWeb cofounder and YUI contributor Eric Ferraiuolo discusses the creation of a project-scale codebase using YUI 3, YUI 3 Gallery, and YQL.
• Reid Burke: Yeti: YUI’s Easy Testing Interface — Testing cross-browser web applications has been too difficult for too long: You’re either manually reloading browsers or struggling with complicated automation software. In this session from YUIConf 2010, YUI engineer Reid Burke talks about how YUI’s Yeti project helps to address these problems. Reid discusses when you should use automated testing for your frontend code, how Yeti works with YUI Test, how to setup cross-browser testing in minutes and how the YUI team uses Yeti to ship a better product.
• Douglas Crockford: Project Future — Yahoo! JavaScript architect Douglas Crockford reflects on the life of Walt Disney, who dreamed of creating a ‘City of the Future’ in Florida as part of the project that became Disney World. (This is not a technical session, but rather one about big dreams and the life lessons we can draw from them.)
• Tom Hughes-Croucher: How to Stop Writing Spaghetti Code — In this session from YUIConf 2010, Yahoo! engineer Tom Hughes-Croucher explores different coding styles for event-driven, non-blocking server-side JavaScript and which styles are most successful.
• Norbert Lindenberg: Internationalizing Applications Using YUI 3 — On the web as in the real world, every language is a minority language. To reach a majority of users, your software will need to support multiple languages and be adapted to the needs and expectations of different cultures. In this session from YUIConf 2010, Yahoo! internationalization architect Norbert Lindenberg discusses how to do this building on YUI 3.

Subscribing to YUI Theater:

• YUI Theater RSS feed
• YUI Theater on iTunes

Find conversations: bloglines | technorati

Share and extend: Bookmark with del.icio.us | digg it! | reddit!

YUI Theater — Eric Ferraiuolo: “TipTheWeb.org: Heavy Duty YUI 3 & YQL” (38 min.)

In this session from YUIConf 2010, TipTheWeb cofounder and YUI contributor Eric Ferraiuolo (@ericf) discusses the creation of a project-scale codebase using YUI 3, YUI 3 Gallery, and YQL.

If the video embed below doesn’t show up correctly in your RSS reader of choice, be sure to click through to watch the high-resolution version of the video on YUI Theater.

• Download HD video (480p ~269MB)
• Download video (m4v)

Other Recent YUI Theater Videos:

• Reid Burke: Yeti: YUI’s Easy Testing Interface — Testing cross-browser web applications has been too difficult for too long: You’re either manually reloading browsers or struggling with complicated automation software. In this session from YUIConf 2010, YUI engineer Reid Burke talks about how YUI’s Yeti project helps to address these problems. Reid discusses when you should use automated testing for your frontend code, how Yeti works with YUI Test, how to setup cross-browser testing in minutes and how the YUI team uses Yeti to ship a better product.
• Douglas Crockford: Project Future — Yahoo! JavaScript architect Douglas Crockford reflects on the life of Walt Disney, who dreamed of creating a ‘City of the Future’ in Florida as part of the project that became Disney World. (This is not a technical session, but rather one about big dreams and the life lessons we can draw from them.)
• Tom Hughes-Croucher: How to Stop Writing Spaghetti Code — In this session from YUIConf 2010, Yahoo! engineer Tom Hughes-Croucher explores different coding styles for event-driven, non-blocking server-side JavaScript and which styles are most successful.
• Norbert Lindenberg: Internationalizing Applications Using YUI 3 — On the web as in the real world, every language is a minority language. To reach a majority of users, your software will need to support multiple languages and be adapted to the needs and expectations of different cultures. In this session from YUIConf 2010, Yahoo! internationalization architect Norbert Lindenberg discusses how to do this building on YUI 3.
• Tilo Mitra: Handling Data in YUI 3 — Yahoo! engineering intern Tilo Mitra introduces the YUI 3 data-lifecycle toolkit, including facilities for data sources, schemas, and the new-for-3.3.0 YUI DataTable widget.

Subscribing to YUI Theater:

• YUI Theater RSS feed
• YUI Theater on iTunes

Find conversations: bloglines | technorati

Share and extend: Bookmark with del.icio.us | digg it! | reddit!

YUI Theater — Reid Burke: “Yeti: YUI’s Easy Testing Interface” (43 min.)

Testing cross-browser web applications has been too difficult for too long: You’re either manually reloading browsers or struggling with complicated automation software. In this session from YUIConf 2010, YUI engineer Reid Burke (@reid) talks about how YUI’s Yeti project helps to address these problems. Reid discusses when you should use automated testing for your frontend code, how Yeti works with YUI Test, how to setup cross-browser testing in minutes and how the YUI team uses Yeti to ship a better product. (A useful and related session from YUIConf 2010 is Nicholas C. Zakas’s presentation on the new YUI Test.)

If the video embed below doesn’t show up correctly in your RSS reader of choice, be sure to click through to watch the high-resolution version of the video on YUI Theater.

• Download HD video (480p ~311MB)
• Download video (m4v)
• Download slides

Other Recent YUI Theater Videos:

• Douglas Crockford: Project Future — Yahoo! JavaScript architect Douglas Crockford reflects on the life of Walt Disney, who dreamed of creating a ‘City of the Future’ in Florida as part of the project that became Disney World. (This is not a technical session, but rather one about big dreams and the life lessons we can draw from them.)
• Tom Hughes-Croucher: How to Stop Writing Spaghetti Code — In this session from YUIConf 2010, Yahoo! engineer Tom Hughes-Croucher explores different coding styles for event-driven, non-blocking server-side JavaScript and which styles are most successful.
• Norbert Lindenberg: Internationalizing Applications Using YUI 3 — On the web as in the real world, every language is a minority language. To reach a majority of users, your software will need to support multiple languages and be adapted to the needs and expectations of different cultures. In this session from YUIConf 2010, Yahoo! internationalization architect Norbert Lindenberg discusses how to do this building on YUI 3.
• Tilo Mitra: Handling Data in YUI 3 — Yahoo! engineering intern Tilo Mitra introduces the YUI 3 data-lifecycle toolkit, including facilities for data sources, schemas, and the new-for-3.3.0 YUI DataTable widget.
• Matt Taylor: YUI 3 & Node.js for JavaScript View Rendering on Client or Server — Most web application frameworks have some type of templating engine that accepts two things: (1) data, (2) template, and returns HTML to be assembled into an HTTPResponse. The promise of Node.js and YUI 3 running server-side is that a new era of frameworks is possible in which view rendering on the client and server is implemented with the same JavaScript-based code.

CC Content/Used by Kind Permission:

• http://www.flickr.com/photos/allenr/5185403788/
• http://www.flickr.com/photos/allenr/5185405828/
• http://www.flickr.com/photos/franksvalli/5172701187/

Subscribing to YUI Theater:

• YUI Theater RSS feed
• YUI Theater on iTunes

Find conversations: bloglines | technorati

Share and extend: Bookmark with del.icio.us | digg it! | reddit!

YUI Theater — Douglas Crockford: “Project Future” (43 min.)

In this capstone talk from YUIConf 2010, Yahoo! JavaScript architect Douglas Crockford reflects on the life of Walt Disney, who dreamed of creating a ‘City of the Future’ in Florida as part of the project that became Disney World. (This is not a technical session, but rather one about big dreams and the life lessons we can draw from them. If you’re looking for Douglas’s JavaScript lectures, check out Crockford on JavaScript or the second column of YUI Theater.)

If the video embed below doesn’t show up correctly in your RSS reader, be sure to click through to watch the high-resolution version of the video on YUI Theater.

• Download HD video (480p ~302MB)
• Download video (m4v)
• A high-resolution version of this talk is available on YUI Theater.

Walt Disney’s EPCOT Video

During his presentation, Douglas showed the following video made by Walt Disney shortly before his death. In this 24-minute clip, Disney introduces the key concepts underlying his “City of the Future.”

Other Recent YUI Theater Videos:

• Tom Hughes-Croucher: How to Stop Writing Spaghetti Code — In this session from YUIConf 2010, Yahoo! engineer Tom Hughes-Croucher explores different coding styles for event-driven, non-blocking server-side JavaScript and which styles are most successful.
• Norbert Lindenberg: Internationalizing Applications Using YUI 3 — On the web as in the real world, every language is a minority language. To reach a majority of users, your software will need to support multiple languages and be adapted to the needs and expectations of different cultures. In this session from YUIConf 2010, Yahoo! internationalization architect Norbert Lindenberg discusses how to do this building on YUI 3.
• Tilo Mitra: Handling Data in YUI 3 — Yahoo! engineering intern Tilo Mitra introduces the YUI 3 data-lifecycle toolkit, including facilities for data sources, schemas, and the new-for-3.3.0 YUI DataTable widget.
• Matt Taylor: YUI 3 & Node.js for JavaScript View Rendering on Client or Server — Most web application frameworks have some type of templating engine that accepts two things: (1) data, (2) template, and returns HTML to be assembled into an HTTPResponse. The promise of Node.js and YUI 3 running server-side is that a new era of frameworks is possible in which view rendering on the client and server is implemented with the same JavaScript-based code.
• Gonzalo Cordero: A Preview of YUI 3 TreeView — Yahoo! frontend engineer and YUI contributor Gonzalo Cordero discusses his TreeView implementation which was recently posted to the YUI 3 Gallery. This lighter incarnation of Treeview is built upon YUI 3′s Parent-Child module and already boasts a feature-rich and easy-to-implement API and a robust set of events.

CC Content/Used by Kind Permission:

• http://www.flickr.com/photos/allenr/4341338168/
• http://www.flickr.com/photos/uberlife/5165367821/
• http://www.flickr.com/photos/uberlife/5165287495/

Subscribing to YUI Theater:

• YUI Theater RSS feed
• YUI Theater on iTunes

Find conversations: bloglines | technorati

Share and extend: Bookmark with del.icio.us | digg it! | reddit!

YUI Theater — Tom Hughes-Croucher: “How to Stop Writing Spaghetti Code” (45 min.)

In this session from YUIConf 2010, Yahoo! engineer Tom Hughes-Croucher (@sh1mmer) explores different coding styles for event-driven, non-blocking server-side JavaScript and which styles are most successful.

If the video embed below doesn’t show up correctly in your RSS reader of choice, be sure to click through to watch the high-resolution version of the video on YUI Theater.

• Download HD video (480p ~317MB)
• Download video (m4v)
• Download slides

Other Recent YUI Theater Videos:

• Norbert Lindenberg: Internationalizing Applications Using YUI 3 — On the web as in the real world, every language is a minority language. To reach a majority of users, your software will need to support multiple languages and be adapted to the needs and expectations of different cultures. In this session from YUIConf 2010, Yahoo! internationalization architect Norbert Lindenberg discusses how to do this building on YUI 3.
• Tilo Mitra: Handling Data in YUI 3 — Yahoo! engineering intern Tilo Mitra introduces the YUI 3 data-lifecycle toolkit, including facilities for data sources, schemas, and the new-for-3.3.0 YUI DataTable widget.
• Matt Taylor: YUI 3 & Node.js for JavaScript View Rendering on Client or Server — Most web application frameworks have some type of templating engine that accepts two things: (1) data, (2) template, and returns HTML to be assembled into an HTTPResponse. The promise of Node.js and YUI 3 running server-side is that a new era of frameworks is possible in which view rendering on the client and server is implemented with the same JavaScript-based code.
• Gonzalo Cordero: A Preview of YUI 3 TreeView — Yahoo! frontend engineer and YUI contributor Gonzalo Cordero discusses his TreeView implementation which was recently posted to the YUI 3 Gallery. This lighter incarnation of Treeview is built upon YUI 3′s Parent-Child module and already boasts a feature-rich and easy-to-implement API and a robust set of events.

CC Content/Used by Kind Permission:

• http://www.flickr.com/photos/franksvalli/5163832008/

Subscribing to YUI Theater:

• YUI Theater RSS feed
• YUI Theater on iTunes

Find conversations: bloglines | technorati

Share and extend: Bookmark with del.icio.us | digg it! | reddit!

YUI Theater — Norbert Lindenberg: “Internationalizing Applications Using YUI 3″ (32 min.)

On the web as in the real world, every language is a minority language. To reach a majority of users, your software will need to support multiple languages and be adapted to the needs and expectations of different cultures. In this session from YUIConf 2010, Yahoo! internationalization architect Norbert Lindenberg discusses how to do this while building on YUI 3. (Note: Due to a microphone malfunction, there is a short gap in the video and the portion of the video after the gap uses ambient audio.)

If the video embed below doesn’t show up correctly in your RSS reader, be sure to click through to watch the high-resolution version of the video on YUI Theater.

• Download HD video (480p ~231MB)
• Download video (m4v)

Other Recent YUI Theater Videos:

• Tilo Mitra: Handling Data in YUI 3 — Yahoo! engineering intern Tilo Mitra introduces the YUI 3 data-lifecycle toolkit, including facilities for data sources, schemas, and the new-for-3.3.0 YUI DataTable widget.
• Matt Taylor: YUI 3 & Node.js for JavaScript View Rendering on Client or Server — Most web application frameworks have some type of templating engine that accepts two things: (1) data, (2) template, and returns HTML to be assembled into an HTTPResponse. The promise of Node.js and YUI 3 running server-side is that a new era of frameworks is possible in which view rendering on the client and server is implemented with the same JavaScript-based code.

CC Content/Used by Kind Permission:

• http://www.flickr.com/photos/franksvalli/5173265830/

Subscribing to YUI Theater:

• YUI Theater RSS feed
• YUI Theater on iTunes

Find conversations: bloglines | technorati

Share and extend: Bookmark with del.icio.us | digg it! | reddit!

Bringing YUI Theater to Internet TVs

I wanted to post a quick update on a few YUI related projects I’ve been working on with a friend of mine, Ozgur Cem Sen (@ozgurcemsen). Eric posted a few months ago about our efforts to bring YUI Theater to Boxee. We just finished reworking the UI for Boxee and added some new features such as browsing by tags and search. We are currently working with the Boxee team to get the app added into the new Boxee Box repository. That is in addition to the standard repository they have for the desktop version. The Boxee Box repository has some stricter requirements around performance and video quality. The new versions should hopefully be out within the next week or so.

While finishing up the Boxee app we stumbled on the Samsung TV platform and the timing was perfect because they are actually running a “Free the TV” challenge. We came across the contest pretty late in the game and nearly missed the submission deadline, but we pushed hard and successfully recreated the same experience for Samsung in short order. If you have a few minutes please vote/help spread the word about our YUI Theater submission for Samsung – http://www.freethetvchallenge.com/submissions/249. We’ve got 50+ other entries to beat.

Last, but not least — we also just recently completed work on a YUI Theater app for Plex. It isn’t in the official application repository yet, but the request is in. In the meantime you can download it from here if you’d like — http://wiki.plexapp.com/index.php/YahooYUITheater.

Here are a few videos of the applications in action:

• Samsung TV app – http://www.youtube.com/watch?v=e1kRicivfDU
• Plex app – http://www.youtube.com/watch?v=oxBPqVQqdnY
• Boxee app – http://www.youtube.com/watch?v=IK4i1DksuhU

You should expect to see similar efforts for Google TV and Yahoo! Connected TV in the not so distant future as well.

Hopefully these apps prove to be valuable resources for those that can’t typically attend the meetups and/or didn’t make the latest YUIConf. We’ll continue to add new videos as they are released.

Find conversations: bloglines | technorati

Share and extend: Bookmark with del.icio.us | digg it! | reddit!