http://fullasagoog.com/ Fullasagoog: Chock Full Of Rich Internet Application Goodness en-us modius 2008-10-08T09:20:03+10:00 hourly 1 2000-01-01T12:00+00:00 Some time ago, I posted Adobe Beginner Classes Episode #9 and along with it, made a request to ask what you'd like to see in terms of tutorials, information and the like. I received a few comments and wanted to quickly take the time to respond to some of them before it gets too out of date.  Read on to find out more. http://www.fullasagoog.com/go.cfm?itemid=D77723BD-C80D-784A-64D68C322F0DB368 WebBuilder Genesis Project 2008-10-07T23:20:21+10:00 Based on its performance on the regexes it does handle, WREC (WebKit Regular Expression Compiler) is indeed an awesome design. regexp-dna.js, however, is flawed and exaggerates SFX performance. We could use nanojit to make a regex compiler for SpiderMonkey that would perform as well as WREC. But I donâ??t know if itâ??s worthwhile yet. Regex performance [...] http://www.fullasagoog.com/go.cfm?itemid=D71C2A01-9FFE-8696-31E5F173949C1E75 WebBuilder Ajaxian 2008-10-07T21:40:59+10:00 Pete Higgins released Dojo 1.2 the first version under his command. There are a ton of subtle improvements such as: New Datastores dojox.data.JsonRestStore dojox.data.CouchDBRestStore dojox.data.GoogleFeedStore: A Google AJAX API powered data store for retrieving RSS and Atom feeds from Google. dojox.data.GoogleSearchStore: Data stores to interface Google’s AJAX search services. dojox.data.PersevereStore: dojox.data.PersevereStore is an extension of JsonRestStore to Persevere’s spec http://www.fullasagoog.com/go.cfm?itemid=D71C2A11-B075-B76F-E4A2C82D9E45BDFC WebBuilder Ajaxian 2008-10-07T21:40:59+10:00 Synchronized Multimedia Integration Language (or SMIL) 3.0 has now become a proposed recommendation at the W3C. SMIL hasn’t been widely used, but some of it is widely supported thanks to ACID tests that had the browser vendors put it in. 3.0 has the following goals: Define an XML-based language that allows authors to write interactive [...] http://www.fullasagoog.com/go.cfm?itemid=D71C2A20-A1BE-928E-AD91DA87E61764DB WebBuilder Ajaxian 2008-10-07T21:40:59+10:00 Matt Raible has posted on the Ajaxified Body pattern, that loads content into the main area instead of reloading an entire page. The surrounding template stays put, and the red area changes when you have an action: This is an old question: “When should you just reload the page?” In the sample application you see the [...] http://www.fullasagoog.com/go.cfm?itemid=D71C2A30-983F-9049-9BAB8E482EAA8155 WebBuilder Ajaxian 2008-10-07T21:40:59+10:00 Michael Carter et al have been working on js.io, a client library that gives you networking, including Comet like support, via JavaScript. The low level work can sit upon Comet APIs, and in the future, Web Sockets, and you get high level APIs to protocols such as: amqp imap irc ldap smtp ssh stomp telnet xmpp There are some demos such as LiveHelp that uses Orbited [...] http://www.fullasagoog.com/go.cfm?itemid=D71C2A40-CB9D-0453-EFA5A2ECBEFF016F WebBuilder Ajaxian 2008-10-07T21:40:59+10:00 Mecca is a new browser by the prolific Todd Ditchendorf of Fluid fame. It is currently in the works, and features: Open Plug-in Architecture Built-in Userscripting Userstyles Ã?berView for Plug-in Split Views Global Keyboard Shortcut Single-Window Browsing Mode BrowsaBrowsa Plug-in for Sidebars Session Restore Full-Screen Mode Customizable Shortcuts Integrated Gears-loading (InputManager) Hidden “Closed” Windows Thumbnail Plug-in for CoverFlow TinyURL creation/expansion Automatic S http://www.fullasagoog.com/go.cfm?itemid=D71C2A5F-C3C3-CEBC-BBFEB23BDDCCD219 WebBuilder Ajaxian 2008-10-07T21:40:59+10:00 I've had this comp kind of worked out for some time, but haven't had the time to write it up. Given that it's pretty easy, I've decided to let it out and hopefully get you intruiged and dive into After Effects a bit.  If nothing else, use the attached project file and substitue your own footage or stills. http://www.fullasagoog.com/go.cfm?itemid=C560113C-97DF-6B22-47C631F99E0387A1 WebBuilder Genesis Project 2008-10-04T11:01:59+10:00 If After Effects is your thing, then you have a ton of plugins and already know about 3D Stroke.  If you're into dabbling, then you'll want to check this plugin out as a trial at your first opportunity. http://www.fullasagoog.com/go.cfm?itemid=C560114C-A38F-F146-40EA000AABBB2138 WebBuilder Genesis Project 2008-10-04T11:01:59+10:00 When I see GWT web apps like this one, it seems like we are seeing a glimpse of the future and the way web apps will be built. This particular one uses the GwtPHP framework. http://www.fullasagoog.com/go.cfm?itemid=C55F9E8D-06FD-6BC7-4EE319D46F4FA3A5 WebBuilder Chad Lung 2008-10-04T11:01:30+10:00 I am so happy that the NDA mess is over! Clancy has written about how you can have your iPhone Web app run in full screen and has a demo app that shows it off: PLAIN TEXT HTML:   <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />   http://www.fullasagoog.com/go.cfm?itemid=C55F7E62-C7F2-FE51-7138C84916738FC2 WebBuilder Ajaxian 2008-10-04T11:01:21+10:00 Here's an interesting link for a Friday. Viktor Zeman on Quality Unit sent us a link to "PostAffiliateXpress", some boring IT application with an interesting interface and an even more intriguing back-end. The UI combines a Vista-like "Start" menu along with an OS X-like dock (using everyone's favorite fish-eye widget). It also has a built-in widget [...] http://www.fullasagoog.com/go.cfm?itemid=C55F7E72-F89F-9891-8DCC2D0F863A20E0 WebBuilder Ajaxian 2008-10-04T11:01:21+10:00 I got to meet Aaron Newton at The Ajax Experience, and he is a thinker. He was really taking in the various talks, and interactions, and you could tell that he was trying to work out various angles on the frameworks. What makes them different? What makes them popular? Where are they going? He wrote a [...] http://www.fullasagoog.com/go.cfm?itemid=C55F7E81-92DA-68A3-5F30940BB87D3073 WebBuilder Ajaxian 2008-10-04T11:01:21+10:00 Oliver Steele gave a great talk at The Ajax Experience this week on Practical Functional JavaScript. For his talk, he ended up creating a samples application where you can run the code directly, very similar to what John Resig did in Learn JavaScript. The samples take you through JavaScript world, stopping for: Callbacks Functions Closures Idioms Throttling Caching Retry http://www.fullasagoog.com/go.cfm?itemid=C55F7E91-0A54-16D8-A888F95DF6E04A95 WebBuilder Ajaxian 2008-10-04T11:01:21+10:00 Kyle McGregor took a look at the JavaScript games for Life out there and decided to write a Canvas version that ends up being a lot snappier. The entire game is pretty small: PLAIN TEXT JAVASCRIPT:   var counterface = 0; var oInstance; var Game = Class.create();   Game.prototype = {         'working': false,         'map': ',       [...] http://www.fullasagoog.com/go.cfm?itemid=C55F7EA1-E24E-7E96-E93705A084BBD7F0 WebBuilder Ajaxian 2008-10-04T11:01:21+10:00 Acid3 progress and what it really means. http://www.fullasagoog.com/go.cfm?itemid=C1578620-FB08-246A-8CEACE0AABBAE479 WebBuilder WebStandards 2008-10-03T16:14:10+10:00 Netflix has a long history of presenting at the Ajax experience, starting with Sean Kane giving talks on their use of Ajax and their approach to usability to this year’s presentation when Bill Scott revealed Netflix’s new Ajax developer APIs. If these APIs were just about allowing developers to manage rental queues, it would be of [...] http://www.fullasagoog.com/go.cfm?itemid=BFB4D213-DF2C-0BDF-E0256AE568AA8317 WebBuilder Ajaxian 2008-10-03T08:36:50+10:00 Alvaro Videla just wrote in to tell us about Firesymfony, a Firebug extension that provides an alternative to Symfony’s built-in web debug toolbar. sometimes the toolbar position makes impossible to use some features of the layout of our website, like a link menu on the top right corner. It also happens that while we display a [...] http://www.fullasagoog.com/go.cfm?itemid=BFB4D223-9DD8-E3BF-25AEC560C03862DD WebBuilder Ajaxian 2008-10-03T08:36:50+10:00 Nate Koechley has announced YUI 2.6.0 final: 2.6.0 introduces a new Carousel Control, offers the Paginator Control for general use (it was previously bundled with DataTable), includes more than 450 total fixes, enhancements and optimizations, graduates eight components out of â??beta,â? and now ships with more than 290 functional examples. To go along with the carousel and [...] http://www.fullasagoog.com/go.cfm?itemid=BFB4D233-9915-BA19-17A9A88A0275614F WebBuilder Ajaxian 2008-10-03T08:36:50+10:00 The WebKit Web Inspector has been redesigned and improved, and it looks great. Here is a brief look into the features. Redesigned First and foremost, the Web Inspector is now sporting a new design that organizes information into task-oriented groups â?? represented by icons in the toolbar. The toolbar items (Elements, Resources, Scripts, Profiles and Databases) are [...] http://www.fullasagoog.com/go.cfm?itemid=BFB4D242-F28A-39F4-7E93FEF4D1239754 WebBuilder Ajaxian 2008-10-03T08:36:50+10:00 At our Ajax Experience keynote this year, Dion and I coded up a simple little program that buzzed at random intervals every 10-120 seconds. Whenever it buzzed, one of us had to stop talking and the other would have to pick up right where the other guy left off. It definitely kept things fresh. Quite a [...] http://www.fullasagoog.com/go.cfm?itemid=B8DF8594-F9E7-11F5-CA9F08CEC96D359F WebBuilder Ajaxian 2008-10-02T00:46:08+10:00 Steve Souders is launching Hammerhead today at The Ajax Experience. What is Hammerhead? I kinda think of it as continuous integration for performance. It is a Firebug plugin that you can setup to monitor the performance of your application. Imagine if you add a new feature that you think will speed things up, this tool [...] http://www.fullasagoog.com/go.cfm?itemid=B8DF85A4-E4A0-F5F6-B65A2AC83D4EA341 WebBuilder Ajaxian 2008-10-02T00:46:08+10:00 Uriel Katz wrote in to tell us that he's burned his GearsORM framework to the ground to create the entirely new JStORM framework, announced in his blog. JStORM currently supports Google Gears, Aptana Jaxer, and Adobe AIR, but it's still bleeding edge: no documentation yet, just code. But the feature-set is interesting: * define your tables [...] http://www.fullasagoog.com/go.cfm?itemid=B8DF85B3-B271-B0B5-8E485F267685D698 WebBuilder Ajaxian 2008-10-02T00:46:08+10:00 Just a short one, Prototype has a new point release that is a drop in replacement for your 1.6.* code: Yesterday we released Prototype 1.6.0.3, the result of some much-needed bug fixes, and a stopgap release on the road to 1.6.1. Itâ??s a backwards-compatible, drop-in replacement recommended for all users of Prototype 1.6. Weâ??ve fixed 30 bugs [...] http://www.fullasagoog.com/go.cfm?itemid=B8DF85C3-C90F-E8AD-E62E8D8E1C2984F7 WebBuilder Ajaxian 2008-10-02T00:46:08+10:00 We’ve heard a lot about optimizing CSS, HTML and JavaScript but one thing that is less talked about is how much extra information image editors put into image files. You might think you’ve done a great job optimizing your GIFs, PNGs and JPGs while still keeping them visually pleasing but when you use a text [...] http://www.fullasagoog.com/go.cfm?itemid=B79BCDF2-039D-284F-563A530A794DB450 WebBuilder Ajaxian 2008-10-01T18:52:33+10:00 BigTarget.js is a new little jQuery plugin that makes bigger targets for users: Wrapping a single anchor around the whole content (title, thumbnail, summary) is a bad idea as itâ??s not standards compliant and renders the page invalid. So I turned to my good friend jQuery and threw together the following plugin using the â??Learning jQueryâ?? [...] http://www.fullasagoog.com/go.cfm?itemid=B79BCE01-A3E6-6FA8-E00115DE40CF0726 WebBuilder Ajaxian 2008-10-01T18:52:33+10:00 Mark Pilgrim, in his latest episode on This Week in HTML 5, got into an interesting topic indeed: clickjacking. The big news this week is the disclosure of a vulnerability that researchers have dubbed "clickjacking." To understand it, start with Giorgio Maone's post, Clickjacking and NoScript. Giorgio is the author of the popular NoScript [...] http://www.fullasagoog.com/go.cfm?itemid=B79BCE11-DFCA-A892-BF5BE7F6848234C1 WebBuilder Ajaxian 2008-10-01T18:52:33+10:00 Bill Zeller and Ed Felten have published a report on Cross-Site Request Forgery attacks on popular Web sites: We found four major vulnerabilities on four different sites. These vulnerabilities include what we believe is the first CSRF vulnerability that allows the transfer of funds from a financial institution. We contacted all the sites involved and gave [...] http://www.fullasagoog.com/go.cfm?itemid=B79BCE21-EEBE-C623-9BEABEC8ED9A0A4A WebBuilder Ajaxian 2008-10-01T18:52:33+10:00 Blaine Ehrhart wrote a fun little fish tank using Dojo, as another example of doing animation using JavaScript, which includes the following to give you a taste: PLAIN TEXT JAVASCRIPT:   function playBubble (target,newbubble) {         var top = parseInt(target.style.top);         var left = parseInt(target.style.left);         var rand = 50+Math.round(50*Math.random()); & http://www.fullasagoog.com/go.cfm?itemid=B79BCE30-D2DF-5127-370298668A505672 WebBuilder Ajaxian 2008-10-01T18:52:33+10:00 I'm in Taipei Taiwan now, on holiday, and am caught in the middle of Super Typhoon Jangmi, running smack dab across the center of the island today. I'm safe -- other people bear the brunt of the danger -- but I'll be stuck in a hotel room looking out across... http://www.fullasagoog.com/go.cfm?itemid=B794B765-F857-D148-D3927D172083840D WebBuilder JD On MX 2008-10-01T18:44:48+10:00 Of course there is the Adobe Store and it's very comprehensive and built around a Flex/Flash interface. However, the people over at Toolfarm.com have come up with a comprehensive upgrade matrix as well.  In addition to being a great dealer of all things plugins, they work hard at providing excellent service and sales to the most important products to the creative person.  So, if you want to look at w http://www.fullasagoog.com/go.cfm?itemid=B248739F-B7CC-2A88-AA8D9668A83AB9ED WebBuilder Genesis Project 2008-09-30T18:03:24+10:00 Mikael Bergkvist was frustrated with how effects in different browsers were far from uniform. They could run around in a modern browser, and lag on old ones. In general many effects seem to be far from smooth, and we have talked about the need to have a Timer thread that you can tie into to [...] http://www.fullasagoog.com/go.cfm?itemid=B247EC7D-D352-B3CE-373847640CC48D81 WebBuilder Ajaxian 2008-09-30T18:02:50+10:00 Ben Putman has put together a nice iPhone Safari 3D navigation menu example that shows off the transforms and events available on the latest mobile Safari. Ben told us: In thinking of an interesting test, I've created a menu that you can rotate across a fixed y-axis with touch, allowing you to spin the menu around [...] http://www.fullasagoog.com/go.cfm?itemid=B247EC8D-EB50-F408-C7A8C03A68BDBBC6 WebBuilder Ajaxian 2008-09-30T18:02:50+10:00 Natalie Downe gave a talk at BarCamp London on CSS Systems as a wait to maintain your style. She goes into details on how she goes about setting up her CSS on a project: A CSS System is a reusable set of content-oriented markup patterns and associated CSS created to express a site's individual design. It [...] http://www.fullasagoog.com/go.cfm?itemid=B247EC9C-C236-E217-2DCACA68050F6671 WebBuilder Ajaxian 2008-09-30T18:02:50+10:00 Just as jQuery kicks off its first jQuery conference adjunct with The Ajax Experience in Boston tomorrow, it gets an energy boost from some big double-barrel news: Microsoft and jQuery Microsoft is looking to make jQuery part of their official development platform. Their JavaScript offering today includes the ASP.NET Ajax Framework and theyâ??re looking to expand it [...] http://www.fullasagoog.com/go.cfm?itemid=B247ECAC-A69E-F15F-AC1A28F325442A7F WebBuilder Ajaxian 2008-09-30T18:02:50+10:00 Right now you can use Flash to work around a lot of JavaScript limitations and many products use an invisible Flash movie to for example batch upload files (Flickr, Wordpress), play movies in a screenreader accessible manner (with DHTML controls outside the main movie - Yahoo Video, for example) or automatically add content to the [...] http://www.fullasagoog.com/go.cfm?itemid=B247ECBB-C369-AC18-B808CE74B8AC2D5E WebBuilder Ajaxian 2008-09-30T18:02:50+10:00 Ian Hickson gave a great presentation at Google where he just sat down, opened up Emacs, and started to build demos on the fly that use HTML 5 features. His goal was to use browsers available today (albeit nightlies and such for some of them) to show progress.... so no future tense! You can watch the [...] http://www.fullasagoog.com/go.cfm?itemid=B247ECCB-FF77-ABA3-8AA9C1E01A9A1EC0 WebBuilder Ajaxian 2008-09-30T18:02:50+10:00 MTV is one of those brands that screams, "I use After Effects!"  As for me, I wouldn't have it any other way. The Engine Room is like a version of the Iron Chef for Creatives.  It's available on MTVU and online http://www.fullasagoog.com/go.cfm?itemid=A0000509-07BF-68C7-9844C7AD279323C6 WebBuilder Genesis Project 2008-09-27T04:51:07+10:00 Eric Seidel normally spends his time building browsers, but he has a fun little bit of JavaScript code to show us this time. Gravity was inspired by the Flash Wii Ad that has been going around that uses Flash to explode out of the page. The bookmarklet takes your form elements and images and starts doing [...] http://www.fullasagoog.com/go.cfm?itemid=9FFF5C83-FB70-E2FE-FC1E70AA17C88968 WebBuilder Ajaxian 2008-09-27T04:50:24+10:00 Stephen Stchur has written great posts in the past about cross browser events, and has revisited the topic with The Ultimate addEvent function article. You get to use the function a la: PLAIN TEXT JAVASCRIPT:   var myDiv = document.getElementById('myDiv'); xb.addEvent(myDiv, 'click', function(e) {    alert('The this keywords works (even in IE!): ' + this.id); });   and he has some nice commentary: So some of [...] http://www.fullasagoog.com/go.cfm?itemid=9F0A193C-CA33-B6D4-628A3FD4DFAF1FA2 WebBuilder Ajaxian 2008-09-27T00:22:31+10:00 Nick Cairns saw our post on conditional CSS for browsers and followed up discussing how he handles maintaining IE specific CSS selectors: We keep our IE related styling right below the common (standards-based) declarations. BUT, we DONâ??T use hacks. Underscore hacks, * hacks, and all of those things that we all gave up with [...] http://www.fullasagoog.com/go.cfm?itemid=9E82C746-EBFF-24A1-84580C594E9FEBE8 WebBuilder Ajaxian 2008-09-26T21:54:42+10:00 Google has turned 10, and we wanted to celebrate. Soon we will be a teenager :) The site for the Tenth birthday has some nice features, including a scrolling time line of the history that is very Gooey indeed. There are nice subtle elements to the component. If you scroll the bar you will see that the [...] http://www.fullasagoog.com/go.cfm?itemid=9E82C794-B389-39E3-BE98408BE3CD63BA WebBuilder Ajaxian 2008-09-26T21:54:42+10:00 If you've been flying blind with the Dreamweaver CS4 public beta and no documentation, I've got some good news- we just posted the Dreamweaver CS4 help files in their mostly-complete state in advance of the official CS4 ship date. You can access them here right away: Dreamweaver CS4 - What's New Using Dreamweaver CS4 Even cooler, our Learning Resources team has launched a new 'Community Help' site that not only indexes the official product documentation, but other community resources that... http://www.fullasagoog.com/go.cfm?itemid=9D64BC0A-BC9E-4888-47D3DCB01AAB7D78 WebBuilder Scott Fegette 2008-09-26T16:42:16+10:00 When you link to Google Maps on the iPhone, it opens up the naive application to give you the full iPhone experience. Alastair James wanted to use the Google Maps JavaScript API on the iPhone, and wrote up his thoughts: Before the newest version of mobile Safari, this would not have been possible. Fundamentally you cant [...] http://www.fullasagoog.com/go.cfm?itemid=9D5BCBBA-EBCA-1F96-7655F2CEA779383E WebBuilder Ajaxian 2008-09-26T16:32:30+10:00 There are a substantial number of iPhone apps that tie into the builtin native components such as the camera. Brad Lassey has been hacking on Fennec (the Mozilla mobile browser) as well as Firefox itself to integrate with camera phones and Webcams alike: I wrapped a video tag, image and a few buttons in xbl and [...] http://www.fullasagoog.com/go.cfm?itemid=9D5BCBC9-A407-3181-CC756328193D6A2F WebBuilder Ajaxian 2008-09-26T16:32:30+10:00 Azer Koculu has released his Pi.js framework, which is a lightweight system that includes a minimal set of modules, and the ability to use and provide plugins. By default you get: pi.env: browser detection pi.get: DOM access pi.util: Extensions to JavaScript (e.g. support currying, includes, viewport config, and more) pi.base: OO subsystem pi.element: Create and modify the DOM p.xhr: Remoting Extensions to native [...] http://www.fullasagoog.com/go.cfm?itemid=9D5BCBD9-0E46-EF09-B91C69BC23582CA6 WebBuilder Ajaxian 2008-09-26T16:32:30+10:00 HTML Whitelist is the latest in the "cool little Python Web service thrown up on App Engine" by my good colleague DeWitt Clinton. It does one thing, and it does it well. You can pass the service HTML and it will return a sanitized version. For example: PLAIN TEXT HTML:   // original The <strong>quick</strong> brown fox <script src="http://evil.com"> jumps <kbd>over</kbd> the [...] http://www.fullasagoog.com/go.cfm?itemid=9D5BCBE8-BA1E-55F5-A0E4954382B41205 WebBuilder Ajaxian 2008-09-26T16:32:30+10:00 Toru Yamaguchi has built a very cool shim, ExDOMStorage, which implements the HTML 5 DOM Storage API for IE 6 and 7. It does so by strapping in the functionality via an HTC behaviour: PLAIN TEXT JAVASCRIPT:   (function() {    if (window["localStorage"] && window["sessionStorage"])          return;      with({ nodeSet: document.getElementsByTagName("script"), stor http://www.fullasagoog.com/go.cfm?itemid=963A088D-F052-2435-56C5E16971F70A6C WebBuilder Ajaxian 2008-09-25T07:18:17+10:00 Kris Zyp has created OfflineRest, a new module in Dojo 1.2 that allows for a simple offline pattern to building your application. Dojo 1.2â??s new dojox.rpc.OfflineRest module automates the local storage of data and synchronization by leveraging the Dojo Data and REST abstractions. The OfflineRest module augments the JsonRest service in Dojo such that requests are [...] http://www.fullasagoog.com/go.cfm?itemid=9454DADC-A408-BA4F-5795B289C3BDD6AF WebBuilder Ajaxian 2008-09-24T22:28:21+10:00 John Resig has given some great talks recently, and just posted about some of them. First, we have his interactive learning area where the presentation is just a JavaScript application that you can play with. Double click on the code, make a change, and save away! The talk goes into the innards of the language that we [...] http://www.fullasagoog.com/go.cfm?itemid=9454DB0B-A317-E199-6503CD791F097BDE WebBuilder Ajaxian 2008-09-24T22:28:21+10:00