In the Wild for August 13, 2010

August 13, 2010 at 10:59 am by Eric Miraglia | In In the Wild | No Comments

Here are a few of the news stories that have caught our eye in the YUI community over the past few weeks. As always, let me know @yuilibrary or in the comments below if I missed something.

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

YUI 3 Goes to Burning Man with Illuminatrix

August 2, 2010 at 4:29 pm by Eric Miraglia | In Development, In the Wild | No Comments

Ben Delarre emailed to let us know about his YUI 3-based implementation of an LED animation builder for a Burning Man 2010 installation:

I’ve managed to put this site, the animation editor, and a HTML5 Canvas based colour picker (which i’ll be contributing to the gallery just as soon as I can…), in just a few days using YUI 3 and PHP. (Its a little slipshod in places, and there’s much more to be done to make it better, but time is running out).

Illuminatrix is a project we’ve put together over the last few months for this years Burning Man festival… Its a 2D array of 16×16 ping pong balls, each of which contains an RGB LED that can be coloured any colour of the rainbow at any time. It will be displayed in the entrance to the More Carrot theme camp and to give it a bit of a twist we’ve decided to make it possible for everyone to contribute to the animations we’ll display on it.

Everyone, no matter what their ability, can create animations quickly and easily. You can either draw each frame individually by hand, or write JavaScript to generate the frames if you are of the technical persuasion (The “Code Help!” link gives a list of some useful functions as well as some example code).

Over the next few days we’ll be putting up pictures of the build, we’re already a good way into the hardware, but the deadline is fast approaching.

…Please pass [the link] around, we want to collect as many animations as possible before August 26th when we must head off for the Burn.

Hopefully, at least one YUI team member will be there to say hello to Ben at the event, and we’re all looking forward to seeing that HTML5 Canvas-based Color Picker in the YUI 3 Gallery.

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

In the Wild for June 25, 2010

June 25, 2010 at 10:10 am by Eric Miraglia | In In the Wild | No Comments

As always, let us know in the comments or @yuilibrary if we missed something important.

  • YUI 3-based Alloy UI Formally Announced at Liferay Conference: From the press release: ‘As part of this effort, Liferay also announced the immediate availability of Liferay Alloy UI. Developed in collaboration with Yahoo’s YUI project, Alloy UI provides a set of rich user interface components for quickly creating user-friendly portlets, widgets, and web applications. Alloy UI deals with the complexities of CSS, HTML, and Javascript, freeing developers to focus on business requirements and functionality. Alloy UI also helps solve some common cross-browser compatibility issues that typically consume project resources. The new library does not require a portal and can be used to develop components for any web application. Liferay Portal will standardize its front-end framework around Alloy UI, expanding the simplicity and capabilities of modern portal-based enterprise solutions. ‘Alloy UI represents a new capability for web developers to simplify the development of rich UIs,’ said Brian Chan, Liferay Portal’s creator and Chief Software Architect. ‘We are happy to have worked on this with the Yahoo team and feel it will be a great asset to help developers with their solutions.’‘ All Alloy UI components are now freely available to the YUI community in the YUI 3 Gallery.
  • AutoFusion’s CarPrices.com Launches Using YUI 3.1.1: YUI 3 Gallery contributor Josh Lizarraga has been working with Autofusion Inc. on the new CarPrices.com project, built using a host of YUI 3.1.1 utilities and widgets.  Josh will have more on this project in a future YUIBlog post.
  • Download Squad’s Erez Zukerman Advises JS Devs to Watch Crockford on YUI Theater: Writes Erez: “Douglas Crockford is a genius. Seriously – the guy is brilliant. He’s currently serving as Yahoo!’s chief JavaScript architect, he invented JSON (a widely used data interchange format), he’s part of the ECMAScript committee (the guys setting the JavaScript standard) and has a very broad understanding of the general history of programming languages and computer science. Recently, Crockford gave five talks about JavaScript as part of Yahoo!’s YUI Theater. These are all available for free, and they’re over five hours in length (more like six to seven hours in total, I think). What’s so cool about these talks is that Crockford really gives you a bird’s-eye view of the subject; the first hour is just history, and it’s really fascinating. It’s all over the place, starting with the Jackquad loom, through why we have both a Delete and a Backspace key on our keyboards, all the way to modern programming languages and JavaScript.” For more of Erez’s favorite JavaScript resources, check out his post; or head over to the Crockford on JavaScript page for Douglas’s latest videos (with many more filling the second column of YUI Theater).
  • Congrats to Matt Snider & Friends at YUI 2-based Mint.com, Winners of a 2010 Webby: Congratulations to Matt Snider and the other outstanding frontend engineers at Mint.com for their well-deserved 2010 Webby award in the Financial Services category.  Mint has been YUI 2-based since the beginning, and Matt continues to be a big contributor to the YUI project. You can see Matt’s five-word acceptance speech over on YouTube.
  • Ajaxian’s Dion Almaer Reviews Caridy Patiño Mayea’s Preload Gallery Module for YUI 3: Dion has a nice post up on Ajaxian reviewing Caridy Patiño Mayea’s Preload module for prefetching and caching assets, a YUI 3 Gallery entry that he wrote about recently on YUIBlog.
  • Using YUI Grids with Movable Type (by @foxxtrot): YUI contributor Jeff Craig wrote about his experience converting a Movable Type blog to YUI 2 Grids: “So, as anyone who’s ever read my blog before, you’ll see that over the weekend I upgraded my blog template to use YUI Grids and YUI3 for the JavaScript. By switching away from the MT templates (or, the templates that were standard when I installed the first versions of MTOS 4), I was able to reduce the HTML pageweight by damn near half. The old templates were really div-heavy, and had a ton of extra markup. Mostly, the decision was driven by a desire to redo the visual feel of my blog, and I felt that I may as well rewrite under YUI Grids while I do it.”
  • Nate Schutta Compares YUI and Dojo for IBM DevelperWorks: Nate Schutta writing for IBM developerWorks compares YUI 2.x and Dojo in a new post. While we’re focused more on the YUI 3.x codeline these days, Nate’s article has some useful guidelines for those thinking about JavaScript libraries and making a decision for their business or project. First — why YUI or Dojo?

    With so many excellent choices at your disposal, why would you consider YUI or Dojo? In a word: completeness. Unlike other solutions that involve additional libraries or plug-ins, Dojo and YUI have everything (and more) that today’s front-end engineer could want. While that is both a blessing and a curse, if you’re in the market for a one-stop shop for your Ajax needs, these are two powerful contenders. In addition to a wealth of JavaScript helpers and utilities, both offer top-notch widgets and controls—far beyond the limited palette of the standard browser.

    Nate’s advice on general library selection criteria is useful:
    • What do you want out of it? Are you looking for a complete replacement of nearly all UI elements on your page, or are you just looking for something to take a bit of the pain out of JavaScript programming?
    • How easy is the code to read? Despite massive improvements in documentation over the past few years, odds are you will have to dig into the code at some point. Before committing to a library, spend some time knee-deep in the source. Is it easy to understand, or does even the original author have trouble with it?
    • How good is the documentation? Clean and readable code can make up for less-than-stellar documents, but nothing helps you get started quite like tutorials and examples. Poke around the wiki or the website, and see what they have to offer. Are the examples clear and easy to follow? Does a quick Google search bring you to the proper part of their material?
    • What’s the community like that surrounds the library? Check out the mailing lists. Is there a lot of traffic? Are new people treated with respect or derision? Has the code been updated recently, or was the last release several years ago?
    • Can you get help? Although this is related to the previous bits about community, it’s always valuable to look around the development community and see who’s using what. Check out the job boards to get a sense of which libraries are showing up frequently on resumes.

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

In the Wild for June 4, 2010

June 4, 2010 at 12:05 pm by Eric Miraglia | In In the Wild | No Comments

We may be in the midst of the NBA finals, but In the Wild leads off this week with an item that gets us thinking about August. And football, in turn, gets us thinking about marriage, and in particular about the first known use of YUI in a marriage proposal. Let us know in the comments or on Twitter if we missed anything important.

  • YUI 3.1.1 on NFL.com: NFL.com’s fantasy portal employs YUI 3.1.1 Overlay, Anim, History, and more.
  • Free CMS Onpub Built with YUI 2: “Onpub is a PHP/MySQL web content management system. Onpub tightly bundles [the] Yahoo! User Interface Library [YUI 2] and CKEditor to enable the creation of standards-compliant, cross-browser, dynamic HTML websites. Onpub is designed to provide a base of well integrated components that have a proven track-record for helping web developers build websites that are easy to update, reliable and good looking.” (Original source.)
  • The Big Question (with YUI CSS Reset): Paul Irish asked on Twitter if this was the first marriage proposal aided by YUI?  I’m not sure, but on some level having a reset of all quirky, inherited, upstream style rules seems like a good metaphor for what you do when you tie the knot.  Congrats to the couple; I’m assuming that Carrie said yes! (Original source.)
  • Juego De Snake Built with YUI 3 by @jldorta: Caridy pointed out this nice snake game built on YUI 3.  Note the Twitter status rotator at the top of the page, also built with custom YUI controls (on the YUI 2 codeline). (Original source.)
  • Matt Snider’s Mac-style Radio Button Preferences As a YUI 3 Module: Writes Matt: “One of my favorite UI features of the Mac OS, both OSX and the iPhone, is the way it handles radio inputs. Instead of having small, hard to click little round circle (like the web), there are large buttons that are obviously grouped by use of a connecting bar. The best place to see this is in the system preferences on OSX. Today’s article, introduces a widget that will do the same, by converting existing radio buttons into a Mac Preference Radio.”
  • New Landscapes and Interiors Site Built by @joedag32 with YUI 2 JS and CSS Tools: Writes developer joedag32: “We…relied on the Yahoo! YUI Library to build the site as well. The site makes use of the following YUI components: CSS Reset, CSS Fonts, CSS Grids, Yahoo Global Object, DOM Collection, [and] Event Utility.  YUI really helped us to work faster and knowing that their library is used and tested by Yahoo! for A-Grade Browser support is a real time saver.” (Original source.)
  • Bryon Wyly on Secure (YUI 2-based) Pie Charts for SharePoint: Bryon Wyly writes on endusersharepoint.com: ‘I have done several blogs on how to use the google apis to create dynamic pie charts of lists in SharePoint based on code written by Claudio Cabaleyro and published at endusersharepoint.com. Perhaps the biggest request I have heard is, “How can I use these charts on my secure intranet?” Since Google Apps is an image that is shipped back to you after sending the required data and since SSL is not an option, Google Apps are useless for lists that use secure and sensitive data…  A recent comment on my blog suggested I look at…YUI as a possible solution. After a few hours work, I was able to marry a YUI pie chart with the JQuerry SharePoint List parser and create a Pie Chart generated by your SharePoint List, that does NOT send you data outside the network.’  Check out his post for full details.
  • Integrating YUI with Wicket: Mo Hammer has written up a tutorial on using the YUI Rich Text Editor with Wicket: “I was searching for a good rich-text editor for a Wicket project for some time, and eventually decided to use the YUI editor. It looks fairly nice, and can be configured quite well. Here, I’ll demonstrate how to use it with an HTML code editing button, as described in this example.”
  • Selenium and YUI Buttons (by @adamgoucher): Adam Goucher has written a tutorial on how to work with YUI 2 Buttons in the context of Selenium tests.
  • Nagare IDE Using YUI 2 (via @jlcarre): From the Nagare wiki: “Nagare IDE is a pure Web Integrated Development Environment dedicated to the Nagare Web framework. Using YUI, the Bespin editor, ajax and comet communications, it offers the browsing of your projects, the edition of the sources, the debugging of the raised exceptions and the consultation in real-time of the applications logs.” Nagare is “an Open-Source Python framework dedicated to web applications development. Its set of advanced features as continuation, direct callbacks registration, programmatic HTML generation, combined with its strong components model allow [you] to quickly and easily build highly complex and reusable applications.” (Original source.)
  • Free YUI 2.x API Documentation Dictionary for Mac OS X 10.5 Users: (Note: I haven’t confirmed whether this works on more recent versions of Mac OS X.) From the product page: “In addition to using Dictionary.app it is also possible to find a definition through the ‘Look up in Dictionary’ context menu shortcut (works in Safari, Mail.app and any other application that supports it) or even from a Dashboard widget for Dictionary.”

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

Implementation Focus: Phanfare Media Organizer

May 19, 2010 at 1:51 pm by Eric Miraglia | In In the Wild, YUI Implementations | 1 Comment

Cory Mintz from Phanfare wrote in last week to tell us about their recent product launch, which is heavily based on YUI 2.8.0.

We just released our new web organizer yesterday… It is a full photo and video organizer built as a web application, using just about every YUI 2 component. We think it really blurs the line between desktop and web software.

Some notable features are:

  • Using the Uploader, we let people organize and edit their photos as they upload.
  • With the help of Drag and Drop and Menu, the thumbnail grid has all of the behaviors of an OS’s file browser. You can drag select, drag and drop reorder, multi-select using ctrl and shift, arrow between thumbnails, etc.
  • The dynamic loading of the TreeView, let us lazy load user accounts with 100s of albums since they are hierarchical ( year -> album -> section ). This allows the page for an extremely large account to load just as fast as a small account.

I love the clean professionalism of the site and the extraordinary attention to detail in the UI. Feel free to tour the site — trial accounts are free and come populated with sample albums to give you a feel for what the site has to offer. Congratulations to Cory and the team for such a fantastic launch.

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

In the Wild for May 12, 2010

May 12, 2010 at 12:48 pm by Eric Miraglia | In In the Wild | 2 Comments

Recent news and notes from the YUI community follow — let us know @yuilibrary if we missed an article or implementation.

  • Mich Cook’s YUI/YQL-based Module for Searching a Set of Docs:
    Yahoo! engineer Mich Cook developed a piece of YUI- and YQL-based code for the Yahoo! Developer Network website that he’s shared on their blog.  Writes Mich: “This block of code creates the YDN Rack module that supports searching within a set of docs. Previously, the only search functionality would scour the entire site for the terms entered. This module aims to provide contextual search within documentation so a user can more easily find something related to the docs currently being presented. We use a bunch of y! technology to do the heavy lifting and that’s awesome that we just have to manufacture the glue.”
  • Geocoding/Wikipedia/YQL Tutorial from @codepo8 with YUI3 & Grids CSS: Christian Heilmann’s tutorial on the Yahoo! Developer Network blog ties together Wikipedia, YQL, and YUI 3.
  • Noah Masterson (@noahvail) on the Virtues of YUI: Noah’s note about YUI: “The YUI library is an extensive collection of JavaScript and CSS tools. Basically, YUI provides everything a front-end web developer/designer needs, short of HTML and content.  Because Yahoo! uses YUI for its own applications, the code has already been tested at one of the most visited sites on the web, it has to work in all major browsers, and it’s likely to be supported and updated for a long time to come.There’s no other library that provides a combined JavaScript and CSS solution of YUI’s caliber, but even separately, I’d probably use its tools in my web projects. YUI’s CSS framework is the best I’ve tried (Blueprint is pretty nice, too). As for JavaScript libraries, picking one is often a matter of preference. For example, plenty of people love jQuery, which has a great community that creates plugins to extend the library. I prefer YUI, because it has so much included functionality and it mixes in seamlessly with the other JavaScript I write.  Finally, the genius of YUI isn’t just the library itself. Yahoo! has stocked the developers’ area of their site with excellent videos, examples, and documentation, making it easy to get started with the library — and providing a path to becoming an expert.” Thanks for the kind words, Noah.
  • YUI 2 and 3 on StockTickr: StockTickr is a comprehensive investment tracking site built using both YUI 2 and YUI 3 elements.  Prominent touches include the navigation menus and DataTables. (Original source.)
  • YUI 2 on Famzoo.com, a Site That Helps Parents Teach Kids About Finance: Bill Dwight wrote in to tell us about his YUI 2-powered project Famzoo, which “is a ‘Virtual Family Bank’ that parents set up to teach their children (ages 5-18) about personal finance. The parents own the bank, hold the real money, and set the ground rules. The children learn by doing, not by lecture.”  Bill has a video introduction to the site as well as an online slide deck. (Original source.)
  • Moodle Updated to YUI 3.1.0, with Easy Support for 2.8.0: Users of the fantastic open-source education platform Moodle now have built-in access to YUI 3.1.0.  The developers have retained backward-looking support for YUI 2.8.0 as well.  Now, using YUI from within Moodle is this easy:
    M.mod_foobar.init = function(Y) {
        Y.one('#mycustomholder').set('innerHTML', 'Hello world');
    }
  • “Cross-Browser Client-Side Storage for the Web” (re: YUI 2 Storage): Addy Osmani wrote up his thoughts on YUI 2 SwfStore, an underlying component that is used by the more comprehensive YUI 2 Storage Utility.  Writes Addy: “Hi guys. Today I’m going to show you how to do persistent Client-side storage that’ll work in any Web Browser without needing to use Cookies, Browser-Specific hacks or HTML5 – in other words, we’re going to store as much custom information as a site needs on a user’s system without needing to worry about compatibility issues. The reason we’re interested in doing this is because it has a huge potential to free up database resources if we don’t need to be saving information there – instead it can be readily loaded from our users computer through client-side storage. Even if you need to save data, you can always store it on your user’s system and log it to the server it at a later date in the week.”
  • Matt Parker’s (@lamplightdb) YUI 2-based Diary Widget: Matt Parker of Lamplight Database Systems in the UK, who has authored some excellent Gallery components, posted a link to his work-in-progress Diary Widget for YUI 2.  Diary provides a scheduling interface with weekly views, filtering, drag and drop, and resize support.  Feedback is welcome.
  • Objektorientiertes JavaScript Mit YUI 3: Mathias Schäfer of molily.de wrote an extensive tutorial on how to do Object inheritance using YUI 3. The German-language article shows the different ways you can use OOP in YUI 3 and even explains what’s going on behind the scenes. (Via Dirk Ginader.)

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

In the Wild for April 24, 2010

April 24, 2010 at 6:57 am by Eric Miraglia | In In the Wild | No Comments

After another nice edition of YUI: Open Hours on Friday, we’ll round out this week with just a few notes recent notes and implementations from the YUI development community:

How much did we miss? Let us know via @yuilibrary or in the comments below (if you’re feeling retro).

Stay tuned: Rey Bango from Ajaxian stopped by Yahoo yesterday and recorded a video interview with YUI engineers Luke Smith, Satyen Desai and Adam Moore. That session, plus a talk with BayJax event organizer Gonzalo Cordero, should be running on Ajaxian in the coming week.

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

Next Page »
Hosted by Yahoo!

Copyright © 2006-2010 Yahoo! Inc. All rights reserved. Privacy Policy - Terms of Service

Powered by WordPress on Yahoo! Web Hosting.