In the Wild for September 14, 2010

By YUI TeamSeptember 14, 2010

With YUI 3.2.0 hot off the presses and Anthony Pipkin on fire with new submissions in the burgeoning YUI Gallery, it's been an active period in the YUI community. We have our eye on the upcoming YUI Conf 2010 (we hope you'll join us), too. In the meantime, here are a few other news items that have caught our eye recently:

  • Duck Duck Go — Search Powered by BOSS and YUI: Duck Duck Go is an alternative search interface powered by a number of interesting APIs, including Yahoo's Search BOSS and YUI 2.8. I particularly like it's approach in disambiguating acronyms. #
  • YUI 2 and @caridy's Bubbling Library Helping to Power YUI 2 utilities (including Drag and Drop) and widgets (including AutoComplete) accompany Caridy Patiño Mayea's YUI-based Bubbling Library on the site. #
  • IG Markets Forex Trading Platform Using YUI 2: IG Markets, a major online forex and currency trading platform, has incorporated a variety of YUI 2 components in its online tools. #
  • Beautiful New "Dana" Theme for YUI Doc from @carlo: Carlo Zottman has released his new Dana theme for YUI Doc output. The new theme looks fantastic, and it's available on GitHub. (Original source.) #
  • Flint Studio on YUI 2 CSS Grids: Writes Ross at Flint Studio in his survey of great web development tools: "I started using Yahoo’s YUI Grids CSS framework nearly a year ago, and I’ve continued to do so as it has been a reliable performer across all browsers and has saved me much time laying out my Websites. It is slightly less flexible than other CSS frameworks like 960 and Blueprint, but because of this, it is also more enjoyable to use as there is less to learn. I find the markup to be more semantic with YUI than the other CSS frameworks as well, so thats a large plus in my book." #
  • Ajaxian's @reybango on SimpleYUI, Coming in 3.2.0: Rey introduces SimpleYUI this way: "The Yahoo! YUI is an incredibly feature-rich JavaScript library with a LOT of functionality but getting your head around all of those features can be tough. The YUI team wants to help developers get up and running more quickly and announced yesterday the release of SimpleYUI; a basic and more streamlined version of the YUI library." SimpleYUI is a rollup of common, core modules in the library, with the added twist that it self-instantiates -- making it a little simpler and more accessible for those new to YUI. You can read more about SimpleYUI here. #
  • "SimpleYUI Makes YUI Easy to Use," by @codeinfront: Australian developer @codeinfront had this to say about the SimpleYUI implementation in YU1 3.2.0: "YUI 3 is a powerful CSS and JavaScript framework including low-level DOM utilities and high-level user-interface widgets designed to make front end application development simpler and more robust. Now with the addition of SimpleYUI rapid, lightweight development is made even simpler. Best of all, those used to jQuery-style syntax can start using YUI 3 today while learning the intricacies of developing larger applications." #
  • MobileCrunch Covers the YUI 3.2.0 Release: Greg Kumparak, editor of MobileCrunch, had this to say about the recent YUI 3.2.0 release: "Gather up a group of people who make their living through web design, and they’ll probably all agree on at least two things: A) touchscreens aren’t going anywhere, and B) designing web stuff for touchscreens sort of sucks. Native apps have, in a sense, spoiled users; with things like drag-and-drop and basic touch gesture recognition almost laughably simple to implement in native apps, web app developers are left to hack in such features themselves or risk having their app seem dated from the get-go. Today Yahoo! is looking to make things a bit less painful with the latest release of their open-source User Interface library, YUI." You can read the full article here. #
  • Sweet Justice, a Text Justification Plugin for YUI 3 from Carlos Bueno: Writes Carlos: "Sweet Justice is a Javascript library you can drop onto any web page to create beautiful justified text. Even supercalifragilisticexpealadocious. Sweet Justice lovingly inserts the obscure yet wonderful soft hyphen into the text of any element marked with the sweet-justice class, and turns on CSS text justification. It requires either jQuery or YUI3 to function." (Original source.) #
  • YUI 3 CSS3 Selector Overview and Demo from @codeinfront: From @codeinfront: "CSS3 pseudo classes and to a lesser extent CSS3 attribute selectors enjoy varied cross browser support. If you’re keen to get your hands dirty now, one of the many JavaScript frameworks can help. In particular, YUI 3 enables support through the “selector-css3″ module however documentation at this time is limited. I’ve had a brief and by no means comprehensive play with some of them. Perhaps the demo my be of use to others." #
  • YUI 3 CSS/JS (+YQL) Driving NCSoft's ArenaNet (via @tivac): NCSoft's ArenaNet portal (courtesy of longtime YUI community member @tivac) uses YUI 3.1.0 JS and YUI 3 CSS. YQL is used to access social media stats for five social apis in a single federated, cacheable request. #
  • Alex Hall's YUI 2-based Tweetywall: Writes Alex: "Have you ever seen those sites that have Twitter posts sprinkled all over the place? Would you like to have access to this same functionality without having to do anything? Here at DeVSeO we use Twitter for a number of things and in a number of places. I decided to help you guys out by turning one of ours scripts that we use here into a fully customisable release so that you, too, can have Twitter on your own site with absolutely no coding ability whatsoever. It couldn't be easier." Alex has a demo page here. #
  • Alex Hall's Star Ratings Widget for YUI 2.x: This isn't brand-new, but I missed it when it was originally posted, and you can never have too many good options for implementing the Star Ratings design pattern. Alex Hall took an existing one and built on it: "I really needed a nice little star rating system with YUI for this blog...and after a single search in Google I found Ville Saavuori's Star Rating Script for YUI, which is perfect for the job I needed... However, for a new project I am undertaking I realised that his implementation was not going to work for multiple rating systems on the same page because it is based on ID's, and as we all know, you can only have one ID reference in the DOM on one page. So I started to rework the script to allow for more rating systems on a single page using classes instead of ID's." Alex's example page is here. #
  • Alex Hall's YUILight Spotlighting Widget for YUI 2: Writes Alex: "YUILight is a customisable YUI Script that will highlight an element on your page simply by applying a class of 'yuilight' to that element. When that element is clicked and focused on, everything else on the page will be covered by a mask and that single element will stand out from the rest. It is a very simple script to implement only requiring two javascript files and no CSS! The options for customising the script can be found at the top of the javascript file (which is fully commented for you). At the moment you can change the generic background colour (when no background colour has been specified for the element). This option is so that your element doesn't disappear with the text. You can also configure the opacity of the mask element and the animation speed that it shows and hides. I will be adding more customisable fields later on but if you have any requests please feel free to leave them in the comments section at the bottom of this post." He has demo page in addition to the introductory blog post. #
  • YUI 3 and Performance: Blogger Yiota shares her thoughts about YUI 3 and performance on her yiotabytes blog, touching on YUI 3's intrinsically non-blocking and combo-handling loader infrastructure. #
  • Book Review: Brad Harris on Satyam's "YUI 2.8: Learning the Library": Brad gives a thumbs up to the new book: "If you read through this book in it’s entirety, you’ll come to understand the main reason I love YUI, that it’s not just a collection of widgets and utilities. This book explains the full feature set of the YUI library, and you’ll realize that it’s the perfect foundation to build on top of. The authors do a really great job of showing in depth examples that teach you how the components work. I particularly liked reading the chapter on DataSource and DataTable." #
  • John Lindal's Treeble Implementation Updated for YUI 3.2.0: John's popular Treeble gallery module has been updated to support the recent YUI 3.2.0 release. You can check it out (where else) on GitHub at #
  • Mapping Events Mashup Uses YUI 2 Utilities + YQL: The Mapping Events mashup is a geo/events exploration that combines a variety of APIs; prominent among these are the YUI 2 utilities and YQL. (Original source.) #
  • Animated Image Captions with YUI from @ahallicks: One more from Alex Hall's archives -- animated image captions. From Alex: "I saw a very lovely caption effect for images at MotionLab but realised it was written for jQuery. If you have read of my other blogs here on DeVSeO you may notice that I prefer the YUI javascript library by Yahoo for all of my javascript. So, I decided to create this effect using YUI instead of jQuery." You can read all about it on his DevSEO blog. (Original source.) #