http://www.mefeedia.com/channels/web20/ http://www.mefeedia.com/images/channels/000/000/621/width100.jpg http://www.mefeedia.com/channels/web20/ Ajax, Drupal, Ruby on Rails, and other audio podcasts and video podcasts on web development Mefeedia.com frank@mefeedia.com 20045-10384306 http://www.mefeedia.com/entry/bookmarklet-for-the-yui-logger-control/10384306/
From : Yahoo! User Interface Blog
Rajat Pandit has put together a bookmarklet for YUI Logger that allows you to pop open a logger console on-demand a big convenience when you re debugging. Check out Rajat s blog and bookmarklet page for more on this project. Keep in mind that the YUI Logger Control outputs messages logged via YAHOO.log; to see full YUI debugging messages, you ll need to use the -debug version of YUI files. For example, to use the -debug version of the YUI Event Utility, use http://yui.yahooapis.com/2.5.2/build/event/event-debug.js. ]]> Tue, 01 Jul 2008 13:01:37 -0400 Bookmarklet for the YUI Logger Control 6014-10301156 http://www.mefeedia.com/entry/crime-and-chaos-part-2/10301156/
From : Creative COW Adobe After Effects Tutorials Podcast
In this video tutorial, Eran Stern will show you how to project text on the floor using light transmission feature in After Effects. ]]> Fri, 27 Jun 2008 15:00:00 -0400 Crime and Chaos - Part 2 15372-10283424 http://www.mefeedia.com/entry/lynda-com-episode-116-joomla-1-5-essential-training/10283424/
From : lynda.com Video Training
Joomla! 1.5 Essential Training ]]> Fri, 27 Jun 2008 10:00:00 -0400 lynda.com Episode 116: Joomla! 1.5 Essential Training 20045-10171285 http://www.mefeedia.com/entry/in-the-wild-for-june-20/10171285/
From : Yahoo! User Interface Blog
It s a toasty 105 degrees this evening in California what better way to cool off (and celebrate the solstice) than to dive into the wild with some of the many YUI items that have caught our eye since the last post? Nicora.net s YUI PhotoViewer: Can you ever have too many lightbox options? Check out nicora.net s YUI-based PhotoViewer Control, with a variety of flavors and built-in support for Flickr APIs. Instant Shiny Forms with Rails and YUI: That s the title of Enleitened s new tutorial that demonstrate[s] how to convert standalone Ruby on Rails forms to a YUI Dialog (hey, it’s one less page load) in only 4 easy steps. Javascript Framework Usage Among the Top 100 Websites: Royal Pingdom started some interesting discussions a few weeks back with its article exploring which JS frameworks were in use at the top 100 websites (based on Alexa and Webware data). They found Prototype, JQuery and YUI leading the way among these top sites (excluding most of Yahoo! s own mainstream properties, which all rely on YUI to some degree). The authors were quick to point out that theirs was not a scientific survey, but they noted their surprise at what the research turned up — and what it failed to turn up. (Note: YUI s popular CSS components were discluded from this survey; Mint, which also uses YUI extensively, was acknowledged for its use of MooTools.) Exploring YUI Custom Events: Speaking of Mint, Matt Snider is back with another YUI tutorial, this one using YUI Custom Events to create an Object Subscription Pattern. Using YUI CSS with Django: Over on Sofeng s Blog, Sofeng noticed that The Django Book uses YUI CSS; he worked up a tutorial to show you how to do the same in your own Django project. Learning YUI: Nathan Smith recently started work at one of my favorite alt-search-engines, Viewzi, which uses YUI. He picked up Dan Wellman s book to learn the ropes, and then he posted a nice review of some of what he s discovered as a new YUI user. Adam Moore + Douglas Crockford = Epiphany: Lenny Burdette writes on his Rule52 blog about How YUI’s event listeners changed the way I write JavaScript , bringing together insights from the sample chapter of Douglas Crockford s JavaScript: The Good Parts and the expressive power of Adam Moore s YUI Event Utility. Richard Benson s YUI Rich Text Editor Plugin for Movable Type: In Richard s words: YUI has become my new favourite Rich Text Editor and I have been implementing it left right and centre. Its extensibility, features and ease of use are unparalleled. It made sense for all these features to be available to me in Movable Type so why not package it up into a plugin too? Options include stretching the editor to fit the content automatically and disbaling use of the MT assets selection tools in favour of a simpler URL-based image chooser. Check out the plugin in the Movable Type Plugin Directory. Adding Tabs to Your WordPress Blog: Adrian Diaconescu at Rubiqube went looking for a good tabbed-content solution for his WordPress sidebar, but he couldn t find something that fully scratched the itch. His response was to deploy the YUI TabView Control, and he s written up a detailed tutorial so you can leverage his work. YUI DataTable in Grails: Marcel Overdijk recently whipped up a nice example integrating YUI DataTable in Grails. Did we miss something good? Probably so if so, let us know in the comments. ]]> Fri, 20 Jun 2008 20:03:08 -0400 In the Wild for June 20 6014-10167856 http://www.mefeedia.com/entry/crime-and-chaos-part-1/10167856/
From : Creative COW Adobe After Effects Tutorials Podcast
In this After Effects video tutorial, Eran Stern shows you a how to build a 3D scene using Photoshop CS3 Vanishing Point and re-light it inside After Effects. ]]> Fri, 20 Jun 2008 15:00:00 -0400 Crime and Chaos - Part 1 15372-10174479 http://www.mefeedia.com/entry/lynda-com-episode-115-wordpress-com-2-5-essential-training/10174479/
From : lynda.com Video Training
WordPress.com 2.5 Essential Training ]]> Fri, 20 Jun 2008 10:00:00 -0400 lynda.com Episode 115: WordPress.com 2.5 Essential Training 24986-10147221 http://www.mefeedia.com/entry/sproutcore-audible-ajax-episode-27/10147221/
From : Audible Ajax
I sat down with Charles Jolley of Sproutit / SproutCore fame. Their has been a lot of SproutCore in the news, as it powers the new MobileMe from Apple, a very rich application built on the Open Web. Learn about the roots of the framework, how it is differ ]]> Thu, 19 Jun 2008 17:28:36 -0400 SproutCore - Audible Ajax Episode 27 6014-10022690 http://www.mefeedia.com/entry/shape-tips-2-creating-complex-shapes/10022690/
From : Creative COW Adobe After Effects Tutorials Podcast
In this After Effects podcast tutorial, Creative Cow leader Aharon Rabinowitz shows you how to combine several shapes to make a complex shape. ]]> Fri, 13 Jun 2008 15:00:00 -0400 Shape tips 2: Creating Complex Shapes 15372-10006803 http://www.mefeedia.com/entry/lynda-com-episode-114-dreamweaver-and-fireworks-cs4-beta-new-features/10006803/
From : lynda.com Video Training
Dreamweaver and Fireworks CS4 Beta New Features ]]> Fri, 13 Jun 2008 10:00:00 -0400 lynda.com Episode 114: Dreamweaver and Fireworks CS4 Beta New Features 24986-9895402 http://www.mefeedia.com/entry/audible-ajax-episode-26-260-north-and-objective-j/9895402/
From : Audible Ajax
We sat down the with 280 North team that just released 280 Slides, an application that people call "Keynote on the Web" due to its Apple/desktop-like look and feel. The app uses a framework that the guys created, Cappuccino that uses the Objective-J language and runtime to build great looking applications. ]]> Fri, 06 Jun 2008 16:37:20 -0400 Audible Ajax Episode 26 - 260 North and Objective-J 6014-9952721 http://www.mefeedia.com/entry/a-walk-in-the-park/9952721/
From : Creative COW Adobe After Effects Tutorials Podcast
In this video tutorial, Eran Stern shows you a how to track objects that are moving out of frame using expressions and AE motion tracker. ]]> Fri, 06 Jun 2008 15:00:00 -0400 A Walk In The Park 15372-9875211 http://www.mefeedia.com/entry/lynda-com-episode-113-douglas-kirkland-creative-inspiration/9875211/
From : lynda.com Video Training
Douglas Kirkland: Creative Inspiration ]]> Fri, 06 Jun 2008 10:00:00 -0400 lynda.com Episode 113: Douglas Kirkland: Creative Inspiration 20045-9871901 http://www.mefeedia.com/entry/implementation-focus-linkedin/9871901/
From : Yahoo! User Interface Blog
LinkedIn uses YUI throughout their site, so I recently sat down with three of their web developers to ask them about it. With the cameras rolling I asked Chris Saccheri (Director of Web Development, and their original web developer), Steve Ganz (Principal Web Developer), and Jamie Still how YUI fits into their development process, why they chose YUI, and what it s like to work at LinkedIn (they re hiring). YUI allows LinkedIn to implement usability features that otherwise wouldn t have been possible within their regular development cycles. It helps us standardize [our code], simplifies everything, and takes care of all the cross-browsers issues so we don t need to continually fight those ourselves. Beyond those reasons, they picked YUI as their JavaScript library because there s a trust aspect there because it s from Yahoo! and is therefore robust, and has been through the grind and tested on Yahoo! s own high-traffic sites. Here s the full 10-minute video: download (m4v) As a personal fan and user of LinkedIn, I m happy and proud to know YUI is playing a small part in their continuous evolution and improvement. Thanks to Chris, Steve, Jamie and everybody at LinkedIn for taking the time to record this video! If you re using YUI and want to be featured in an upcoming Implementation Focus post on this blog, please leave a comment or send us an email. Subscribing to YUI Theater: YUI Theater RSS feed YUI Theater on iTunes Tags: linkedin,, steve, ganz,, chris, saccheri,, jamie, still,, interview,, video,, implementation, focus ]]> Thu, 05 Jun 2008 14:10:26 -0400 Implementation Focus: LinkedIn 6014-9779967 http://www.mefeedia.com/entry/ae-quicktips-5-perspective-offset/9779967/
From : Creative COW Adobe After Effects Tutorials Podcast
In this podcast tutorial, Creative Cow leader Aharon Rabinowitz shows you a cool tip for adding depth to your Fractal Noise animations. ]]> Fri, 30 May 2008 15:00:00 -0400 AE Quicktips # 5: Perspective Offset 15372-9773361 http://www.mefeedia.com/entry/lynda-com-episode-112-illustrator-cs3-for-the-web/9773361/
From : lynda.com Video Training
Illustrator CS3 for the Web ]]> Fri, 30 May 2008 10:00:00 -0400 lynda.com Episode 112: Illustrator CS3 for the Web 6014-9636458 http://www.mefeedia.com/entry/shape-layer-tips-1/9636458/
From : Creative COW Adobe After Effects Tutorials Podcast
In this podcast tutorial, Creative Cow leader Aharon Rabinowitz shows you how to move beyond the Basic shape tools to create your own custom shapes. ]]> Fri, 23 May 2008 15:00:00 -0400 Shape Layer Tips #1 15372-9619866 http://www.mefeedia.com/entry/lynda-com-episode-111-painter-x-essential-training/9619866/
From : lynda.com Video Training
Painter X Essential Training ]]> Fri, 23 May 2008 10:00:00 -0400 lynda.com Episode 111: Painter X Essential Training 6014-9494691 http://www.mefeedia.com/entry/tornado-text-part-2/9494691/
From : Creative COW Adobe After Effects Tutorials Podcast
In this tutorial podcast, Creative Cow Contributing Editor Eran Stern enhances the 3D ribbon text composition by adding a ripple effect to the floor plus a flock of fireflies that dance around the scene. ]]> Fri, 16 May 2008 15:00:00 -0400 Tornado Text - Part 2 20045-9497601 http://www.mefeedia.com/entry/tor-norbye-and-james-gosling-demo-yui-support-in-netbeans-at-javaone/9497601/
From : Yahoo! User Interface Blog
Jason Lee wrote in with this tip: In a general session with James Gosling at JavaOne last week, Tor NetBeans Guy Norbye demoed the really nice JavaScript support that was just added to NetBeans (code completion, browser-compatibility warnings, syntax highlighting, refactoring, etc). He did so using YUI, and NetBeans did a very nice job with the code complete, etc. Really slick demo Sun has video of the session; I recommend downloading the mp4 file and queuing to 8:30 for the NetBeans section, where Norbye shows how easy it is to instantiate a YUI Rich Text Editor using the new NetBeans JavaScript support. Tags: yui, netbeans, james gosling, tor norbye, jason lee, javaone2008 ]]> Fri, 16 May 2008 13:13:45 -0400 Tor Norbye and James Gosling Demo YUI Support in NetBeans at JavaOne 15372-9480860 http://www.mefeedia.com/entry/lynda-com-episode-110-premiere-elements-4-essential-training/9480860/
From : lynda.com Video Training
Premiere Elements 4 Essential Training ]]> Fri, 16 May 2008 10:00:00 -0400 lynda.com Episode 110: Premiere Elements 4 Essential Training 6014-9340565 http://www.mefeedia.com/entry/tornado-text-part-1/9340565/
From : Creative COW Adobe After Effects Tutorials Podcast
In this tutorial podcast, Creative Cow Contributing Editor Eran Stern shows you a very cool way to create 3D ribbon text animation using After Effects CS3 Text tool. ]]> Fri, 09 May 2008 15:00:00 -0400 Tornado Text - Part 1 15372-9325656 http://www.mefeedia.com/entry/lynda-com-episode-109-flash-cs3-interactive-video-techniques/9325656/
From : lynda.com Video Training
Flash CS3 Interactive Video Techniques ]]> Fri, 09 May 2008 10:00:00 -0400 lynda.com Episode 109: Flash CS3 Interactive Video Techniques 15372-8884816 http://www.mefeedia.com/entry/lynda-com-episode-108-actionscript-3-0-building-particle-systems/8884816/
From : lynda.com Video Training
ActionScript 3.0: Building Particle Systems ]]> Fri, 02 May 2008 10:00:00 -0400 lynda.com Episode 108: ActionScript 3.0: Building Particle Systems 20045-8892426 http://www.mefeedia.com/entry/writing-a-wysiwyg-wiki-editor-with-yui-and-grails/8892426/
From : Yahoo! User Interface Blog
One of the challenges faced in creating and deploying Rich Text Editors is the number of markup formats you may need to support on the output side ranging from HTML to Wiki-style text to purely idiosyncratic markup styles. Dav worked hard on the YUI Rich Text Editor to make output transformations as straightforward as possible. (If you re doing YUI RTE work and haven t seen Dav s video intro to the component, you can check it out here.) Glen Smith from Canberra shared some antipodean YUI goodness today with a quick tutorial on using the YUI RTE for editing Wiki text. He s been using the Grails YUI Plugin, mixing in a little textile-j, and he s got something working well enough for version 1: Turns out the recipe for making all this work is pretty straighforward: When switching from Wiki markup to HTML, do an Ajax call to a backend Grails controller that uses textile-j to convert from textile markup to html. Feed the result of the AJAX call to the YUI Rich Editor and you re in business. To support switching from RichText to Textile, again do an Ajax call back to the Grails controller to the do the conversion. This time you re on your own in regexp land, but you can trim the amount of work you ve got to do by what you expose in the Rich editor. Return the results and inject into the Wiki textarea. To get the underlying html from the editor just use myEditor.getEditorHTML(). Awesome! For more, check out Glen s blog post and accompanying QuickTime movie. ]]> Thu, 01 May 2008 19:18:01 -0400 Writing a WYSIWYG Wiki Editor with YUI and Grails 6014-8899483 http://www.mefeedia.com/entry/ae-quick-tips-4-copy-expression-only/8899483/
From : Creative COW Adobe After Effects Tutorials Podcast
In this tutorial podcast, CreativeCow leader Aharon Rabinowitz shows you a menu item for speeding up the process of copying expressions to other layers, without typing or altering the current values. ]]> Thu, 01 May 2008 15:00:00 -0400 AE Quick Tips #4: Copy Expression Only 6014-8752377 http://www.mefeedia.com/entry/ae-quick-tips-3-show-waveform/8752377/
From : Creative COW Adobe After Effects Tutorials Podcast
In this tutorial podcast, CreativeCow leader Aharon Rabinowitz returns to the subject of Audio (Workflow tips #8) and shares a tip for working with audio waveforms that he got from an AE user via email. ]]> Fri, 25 Apr 2008 15:00:00 -0400 AE Quick Tips #3: Show Waveform 15372-8729410 http://www.mefeedia.com/entry/lynda-com-episode-107-photoshop-cs3-for-designers/8729410/
From : lynda.com Video Training
Photoshop CS3 for Designers ]]> Fri, 25 Apr 2008 10:00:00 -0400 lynda.com Episode 107: Photoshop CS3 for Designers 15372-8671766 http://www.mefeedia.com/entry/lynda-com-episode-106-indesign-cs3-one-on-one-style-sheets/8671766/
From : lynda.com Video Training
InDesign CS3 One-on-One: Style Sheets ]]> Fri, 18 Apr 2008 10:00:00 -0400 lynda.com Episode 106: InDesign CS3 One-on-One: Style Sheets 6014-8605210 http://www.mefeedia.com/entry/ae-quick-tips-2-preserve-transparency/8605210/
From : Creative COW Adobe After Effects Tutorials Podcast
In this tutorial podcast, CreativeCow leader Aharon Rabinowitz shows you an often-missed feature in AE that can help you when trying to create transparency in an image by using the layers below as the source of that transparency. ]]> Thu, 17 Apr 2008 15:00:00 -0400 AE Quick Tips #2: Preserve Transparency 20045-8352373 http://www.mefeedia.com/entry/yui-theater-dav-glass-rich-text-editing-with-yui/8352373/
From : Yahoo! User Interface Blog
Dav Glass, author of the YUI Rich Text Editor (as well as Resize, ImageCropper, and Layout Manager), gave a talk at Yahoo! last week about rich text editing in YUI. In this talk, Dav covers three key topics: Implementing the light Simple Editor; Adding the rich elements that are important to you, all the way up to the full Editor implementation with its rich buttons and menus; Hacking the editor and the toolbar. The presentation materials, including the deck and all links discussed in the video, are available from Dav s website. download (m4v) In Case You Missed Some other recent videos from the YUI Theater series: Julien Lecomte: High Performance Ajax Applications (YUIBlog | .m4v download) Douglas Crockford: The State of Ajax (YUIBlog | .m4v download) Nate Koechley: The YUI CSS Foundation (Yahoo! Video | .m4v download) Steve Souders: High Performance Web Sites: 14 Rules for Faster Pages (Yahoo! Video | .m4v download) Subscribing to YUI Theater: YUI Theater RSS feed YUI Theater on iTunes ]]> Mon, 14 Apr 2008 11:48:24 -0400 YUI Theater — Dav Glass: “Rich Text Editing with YUI”