http://fullasagoog.com/ Fullasagoog: Chock Full Of Rich Internet Application Goodness en-us modius 2010-03-10T05:55:05+10:00 hourly 1 2000-01-01T12:00+00:00 modulr is a CommonJS module implementation in Ruby for client-side JavaScript Ruby? what does that have anything to do with it? Ah, its from one of those Prototype guys isn't it.... Yup, Tobie is at it again, this time with modulr: modulr accepts a singular file as input (the program) on which is does static analysis to [...] http://www.fullasagoog.com/go.cfm?itemid=41F7E96D-BC5A-A0BF-B4EFFF84E7EE9AD8 WebBuilder Ajaxian 2010-03-09T19:08:38+10:00 Well I’m sure my blog isn’t the be-all and end-all of the Internet but I do know I get many thousands of developers visiting here every month. I just charted one year of the browsers people are using to visit my site and its interesting to see the results. In a nutshell IE [...] http://www.fullasagoog.com/go.cfm?itemid=3C6420F9-0642-F3EA-9789D44D4FD5855F WebBuilder Chad Lung 2010-03-08T17:09:07+10:00 With the recent release of GWT 2.0 there was a lot of newly added functionality. In particular today I'm going to focus on UiBinder. From the GWT website they explain UiBinder as: "With UiBinder, GWT now allows you to create user interfaces declaratively in XML instead of having to assemble them programmatically". Today we [...] http://www.fullasagoog.com/go.cfm?itemid=338FB909-0BF6-B5B7-30476406861FC2AB WebBuilder Chad Lung 2010-03-07T00:00:09+10:00 I just came across this wonderful Gist on gitHub: PLAIN TEXT JAVASCRIPT:   var $; YUI().use('*', function(Y){   $ = Y.get;   for(var p in Y) {       $[p] = Y[p];   } });   // test $('body').append("boo!");   In case you want to use YUI3 but really really like jQuery syntax :) OK, it breaks the whole sandboxing idea of YUI3, but that's a s http://www.fullasagoog.com/go.cfm?itemid=338E02BE-F70A-95D7-E77CA6E164C9F133 WebBuilder Ajaxian 2010-03-06T23:58:17+10:00 Bass Schouten is a cool name, and the Mozillan has presented Direct2D hardware acceleration. You have to grab Firefox nightly, do the about:config / gfx.font_rendering.directwrite.enabled game, but then you get to see it in action. IE9 showed off how they will support hardware rendering, and I am sure we will see more at MIX, but it is [...] http://www.fullasagoog.com/go.cfm?itemid=2E545DAB-D5EE-23A5-D9B72E032E56939B WebBuilder Ajaxian 2010-03-05T23:37:13+10:00 Every now and then I look at using background-position-x and background-position-y but can never seem to find a definitive and up-to-date resource. To save myself the trouble in the future, I'm documenting it here. Positioning via separate X and Y values is a feature that Internet Explorer introduced but never made it into a W3C specification. Any recommendations to add it to the spec have been denied. Why have separate X and Y values? I believe that there are several reasons why you may wish to http://www.fullasagoog.com/go.cfm?itemid=2ADECB9D-D9B4-BCFB-C6CC175057EAE2C7 WebBuilder Jonathon Snook 2010-03-05T07:29:56+10:00 Just a quick update that I'm nearly caught up in podcasts for Adobe Beginner Classes. By the end of next week, I'll have all of the material available on: Adobe TV - Adobe Beginner Classes iTunes Podcast Vimeo If you haven't already subscribed, I hope that you will.  Next, the chance to start making new tutorials again.  Looking forward http://www.fullasagoog.com/go.cfm?itemid=2AD6B983-EA10-8161-7CD3CDA17D09666C WebBuilder Genesis Project 2010-03-05T07:21:07+10:00 Works even in IE6 Love that quote from the color picker over at RaphaelJS land. This plugin by Dmitry Baranovskiy gives you an easy color picker in short order: PLAIN TEXT JAVASCRIPT:   var icon = Raphael("picker", 23, 23).colorPickerIcon(11, 11, 10);   icon.attr({cursor: "pointer"}).node.onclick = function () {     document.getElementById("benefits").style.visibility = "visible";     var out = d http://www.fullasagoog.com/go.cfm?itemid=2AD63407-BD6D-C72A-14829A0956365193 WebBuilder Ajaxian 2010-03-05T07:20:33+10:00 Andrew Hoyer shows his canvas Fu with Cloth, a great experiment using nice physics. What makes this simulation special is the speed at which everything is computed. Javascript (the language this is written in) is not exactly the most efficient language for this type of computation. This being said, much time was spent squeezing out every [...] http://www.fullasagoog.com/go.cfm?itemid=2AD63417-A01F-81F9-2F2A4CF39F6017D8 WebBuilder Ajaxian 2010-03-05T07:20:33+10:00 Marcus Westin has created a new templating language called fin. It is an interesting beast, and he gave us a run down: Since this past November I've been working on a realtime templating system I call "fin". I'd love to get some eyes on it, and hope that you'll find it exciting. There is no demo, [...] http://www.fullasagoog.com/go.cfm?itemid=2AD63426-E312-7569-A75E17D8CEB7FCEE WebBuilder Ajaxian 2010-03-05T07:20:33+10:00 Would we all like Steve to sit down with us on our project and do a performance case study? Well, we may not get that, but we are getting to at least sit in on others. Steve has kicked off his long awaited series that runs performance case studies on third party content. I have been [...] http://www.fullasagoog.com/go.cfm?itemid=2AD63436-C960-1B40-B489632D5C84E78D WebBuilder Ajaxian 2010-03-05T07:20:33+10:00 Google App Engine is a fast and affordable way to get your applications launched in the cloud. Today we are going to use the App Engine SDK for Python to send data from Flash to App Engine and back. To work through this you will need the following: 1. The Google App Engine SDK for Python 2. [...] http://www.fullasagoog.com/go.cfm?itemid=2AD60101-EF4E-AF76-8BF183CDC598014F WebBuilder Chad Lung 2010-03-05T07:20:20+10:00 Node.js is very easy to use and very well designed. Today I'm going to build a simple socket server using the sample provided by the Node.js documentation and create a socket client in Flash CS4. I used the following to build this project: 1. Ubuntu 9.10 hosted in VirtualBox on Windows Vista 2. Flash CS4 3. Node.js I also [...] http://www.fullasagoog.com/go.cfm?itemid=12097220-A793-E846-750D0A3939D197C8 WebBuilder Chad Lung 2010-02-28T11:46:01+10:00 David Anderson: “TraceMonkey has rocket boosters, so it runs really fast when the boosters are on, but the boosters canâ??t always be turned on.” Opera’s new JIT compiler Carakan is doing well as we just posted. What is Mozilla doing with TraceMonkey? A lot. Mozilla JägerMonkey adds method based JIT (of V8 and Nitro fame) to keep [...] http://www.fullasagoog.com/go.cfm?itemid=1204D288-AB15-E864-7AD2D2C163BE445F WebBuilder Ajaxian 2010-02-28T11:40:58+10:00 The Opera team has released 10.50 for Mac and along with it some impressive performance numbers: Stabilization Improvements: You will find that this build is much more stable than the pre-alpha build. More polished user interface: The whole UI is more polished now. We’re still not done yet, and expect more polishes and improvements in [...] http://www.fullasagoog.com/go.cfm?itemid=1204D298-F70C-F1E1-7D93353191EAAA4D WebBuilder Ajaxian 2010-02-28T11:40:58+10:00 Bastian Allgeier has developed a beautiful, native looking web application called ZooTool. Zootool is a visual bookmark tool for images, videos, documents and links. It is completely based on Mootools, even though it looks more like a Cappuccino app! Play with it. Enjoy it. http://www.fullasagoog.com/go.cfm?itemid=1204D2A7-D1AF-903C-4F139BEE9A42BE35 WebBuilder Ajaxian 2010-02-28T11:40:58+10:00 EnhanceJS is a new library from the Filament Group, who are serious about progressive enhancement and accessibility. What is EnhanceJS? EnhanceJS is a new JavaScript framework (a single 2.5kb JavaScript file once minified/gzipped) that that automates a series of browser tests to ensure that advanced CSS and JavaScript features will render properly before theyâ??re loaded to the [...] http://www.fullasagoog.com/go.cfm?itemid=1204D2B7-9991-6943-2A9BD52816826A45 WebBuilder Ajaxian 2010-02-28T11:40:58+10:00 Reposted from my personal blog where I tinker with the Web. I tweet about this stuff here. As you move to a new platform, it is interesting to watch your brain morph over time. I remember switching from Windows to Mac. At first the fonts looked blurry and weird. The mouse pointer didn't weight right. The [...] http://www.fullasagoog.com/go.cfm?itemid=1204D2C6-E06C-83BD-1D0494139C812BC6 WebBuilder Ajaxian 2010-02-28T11:40:58+10:00 The last trip for a while is in progress and so I hope to return to blogging and Adobe TV more frequently in the near future. As you may have noticed on the right side, there is a Twitter feed so if blogging, Adobe TV and the rest are not speedy enough for you, I have a Twitter feed as well.  You can follow me at "TheGenesisProj"  I tend to retweet some of the best content creators around, forward some interesting Adobe links and toss up some opini http://www.fullasagoog.com/go.cfm?itemid=1203D7DC-D223-BEF2-CC972CEFB70D3878 WebBuilder Genesis Project 2010-02-28T11:39:54+10:00 I love the fact the latest Google Chrome builds (version 4.0+) now support WebSockets. Recently I did a post on using Node.js (getting up and running) and if you haven't read that post you might want to do that before continuing. With Ubuntu 9.10 you need to install Chrome. You can get Google's Chrome [...] http://www.fullasagoog.com/go.cfm?itemid=045348C5-003E-15F0-D76BE14BC75A2C07 WebBuilder Chad Lung 2010-02-25T19:51:59+10:00 Most of the thinking on iPad's exclusion of Flash has been focused on battery life, performance, stability, or control of the application market, but here's a Flash developer who's thinking differently. Morgan Adams argues it's all about the mouseover, and he raises a point that is just as relevant to rich Javascript apps. Many (if not [...] http://www.fullasagoog.com/go.cfm?itemid=04520367-F815-9016-318017086630084D WebBuilder Ajaxian 2010-02-25T19:50:36+10:00 In my never ending quest to find weird and wonderful ways to abuse CSS and all its little intricacies, I have come up with a pretty good way of using CSS to create custom radio and checkbox inputs without JavaScript, that are accessible, keyboard controlled, donâ??t use any hacks and degrade nicely in non supporting [...] http://www.fullasagoog.com/go.cfm?itemid=04520348-EDF7-A007-0C0D70FA3F16AED8 WebBuilder Ajaxian 2010-02-25T19:50:35+10:00 Piotr Zalewa has created a really great playground, jsFiddle, for testing sample code and playing with the Web. With an area for the holy trinity of the Web (HTML, CSS, JS) and an output region, you can get right to hacking. It goes beyond this though. You can also add resources, an Ajax echo backend, and [...] http://www.fullasagoog.com/go.cfm?itemid=04520357-D13C-5B64-6F41F9ED092119F7 WebBuilder Ajaxian 2010-02-25T19:50:35+10:00 I recently installed Ubuntu 9.10 on VMWare 6.5 Workstation and wanted to try out Node.js. According to the Node.js website Node is a way to provide an easy way to build scalable network programs. The nice thing about Node is that it is event driven (making use of Javascript's strength with events and [...] http://www.fullasagoog.com/go.cfm?itemid=F9A26293-E744-B567-6BCA0040B7C26181 WebBuilder Chad Lung 2010-02-23T18:02:33+10:00 Steve Souders has put together a browser performance wishlist that answers the question “What are the most important changes browsers could make to improve performance?” download scripts without blocking SCRIPT attributes resource packages border-radius cache redirects link prefetch Web Timing spec remote JS debugging Web Sockets History anchor ping progressive XHR stylesheet & inline JS SCRIPT DEFER [...] http://www.fullasagoog.com/go.cfm?itemid=F9A0C89A-C016-9A6A-36458E95A4B897B4 WebBuilder Ajaxian 2010-02-23T18:00:48+10:00 jQuery 1.4.2 has been released today and it comes with some performance bumps (aggressive ones according to Taskspeed). Benchmarks are challenging, and John even calls that out: For example, we saw significant overall performance speed-ups in Taskspeed simply by optimizing the $("body") selector because itâ??s called hundreds of times within the tests. Additionally we saw large [...] http://www.fullasagoog.com/go.cfm?itemid=E9544FE4-A047-5188-C2E01527346E6536 WebBuilder Ajaxian 2010-02-20T14:03:21+10:00 Bram Stein has done some really fun work. He has taken the Knuth and Plass line breaking algorithm and implemented it using Canvas: The goal of this implementation is to optimally set justified text in the new HTML5 canvas element, and ultimately provide a library for various line breaking algorithms in JavaScript. You can see the subtleties [...] http://www.fullasagoog.com/go.cfm?itemid=E9544FF4-93AE-CE14-FD7F8F0A61D903A9 WebBuilder Ajaxian 2010-02-20T14:03:21+10:00 Thomas Fuchs gave a presentation titled "I Can't Believe It's Not Flash" at WebStock. It is often hard to grasp a presentation from slides, but this one is great fun to flip through. This one really hits home: We were surprised to see how JavaScript was NOT the bottleneck in Bespin when we first prototyped it. And, this [...] http://www.fullasagoog.com/go.cfm?itemid=E9545003-C1C3-F6CE-D49330B3B51647F4 WebBuilder Ajaxian 2010-02-20T14:03:21+10:00 Jacek Galanciak has created a nice visual transition library, Quicksand, that filters and shows a set of data in an interesting way. The jQuery plugin has you quickly calling quicksand like this: PLAIN TEXT JAVASCRIPT:   $('#source').quicksand( $('#destination li') );   and you have the data to transition between: PLAIN TEXT HTML:   <ul id="source">     <li data-id="iphone">iPhone OS</li>   &#16 http://www.fullasagoog.com/go.cfm?itemid=E9545013-032C-E6F2-89C34D5A12724B91 WebBuilder Ajaxian 2010-02-20T14:03:21+10:00 I have to be honest and say that Photoshop is in a dead heat with After Effects for being my favorite product, but I give the nod to After Effects (sorry John!).  That said, it's a product that has changed the way we look at images and created an industry and impact that is frankly bigger than Adobe.  The more you think about it, the more you say things like, "Wow, Photoshop is huge." http://www.fullasagoog.com/go.cfm?itemid=E95225F0-DE54-5440-706F1ABA32D85384 WebBuilder Genesis Project 2010-02-20T14:01:00+10:00 Logo Design Love is a book written by David Airey that covers the whys and hows of brand identity development. The book is broken down into three parts: The importance of brand identity, the process of design and keep the fires burning which looks at how to find motivation and inspiration. It's a light 200 pages with readable type and plenty of examples. David Airey aims this book at the aspiring designer by not only covering the design process but also covering the process of project scope and http://www.fullasagoog.com/go.cfm?itemid=E64D718F-F2E3-17F5-F42FDF09A7E519E8 WebBuilder Jonathon Snook 2010-02-19T23:57:00+10:00 Martin Aumont has released Harmony, which "provides a simple DSL to execute JavaScript and DOM code within Ruby." This enables you to do very cool things such as unit test JavaScript in the same area as your Ruby tests: PLAIN TEXT RUBY: require 'test/unit' require 'harmony' class JavascriptTest <Test::Unit::TestCase   def setup     @page = Harmony::Page.new     @page.load('public/javascripts/foo.js')   end   def test_foo     [...] http://www.fullasagoog.com/go.cfm?itemid=DF7FC11F-96DB-0DCE-F326FAD840EE6F11 WebBuilder Ajaxian 2010-02-18T16:14:36+10:00 Built using the open web standards you know and love, Opera Dragonfly's source is available to view. Not only that, but it is released on a open source BSD license, meaning it is free as in freedom as well as in beer. Opera is normally one of the few browsers that isn't open source, but they [...] http://www.fullasagoog.com/go.cfm?itemid=DF7FC12F-BE63-6A40-60EECE8AEB79FF71 WebBuilder Ajaxian 2010-02-18T16:14:36+10:00 The title need no more flushing out. Brian Leroux has created WTFJS to capture some of the rough edges of JavaScript. The stuff that made Crocky write about the Good Parts. Fun side effects such as: PLAIN TEXT JAVASCRIPT:   NaN === NaN // false   Number.MIN_VALUE> 0; // true? really? wtf. // It turns out that MIN_VALUE is the smallest number // GREATER THAN [...] http://www.fullasagoog.com/go.cfm?itemid=DF7FC13E-0168-E834-18AE7669F87A10FA WebBuilder Ajaxian 2010-02-18T16:14:36+10:00 Steve Souders has done a weekly set of posts on browser quirks that have caught his eye. Here's the roundup: Missing schema double download Internet Explorer 7 & 8 will download stylesheets twice if the http(s) protocol is missing. Interestingly, I rarely see anyone use "//stevesouders.com/images/book-84x110.jpg" but here is a case to watch out for it. document.write scripts [...] http://www.fullasagoog.com/go.cfm?itemid=CE048219-DF1C-9851-52BAF2C0C88B9F3B WebBuilder Ajaxian 2010-02-15T06:46:26+10:00 Sometimes the W3C standards body feels like a tycoons backroom. For such a public and important standard to live in a world of secrecy is plain wrong. Now and then we get sniffs of information but can’t put together the puzzle and thus are left with rumour and speculation. For example, we have this conversation from [...] http://www.fullasagoog.com/go.cfm?itemid=C4D0506E-A18B-8EFD-8820295E0C194551 WebBuilder Ajaxian 2010-02-13T11:52:51+10:00 When testing our applications for performance, how do we go about timing various parts and pieces? Normally we are forced to manually get Date.now / new Date().getTime() times and futz around. It isn't possible to get at timing info for important lifecycle events (e.g. can only start timing once JS is loaded. This is where the [...] http://www.fullasagoog.com/go.cfm?itemid=C4D0507D-CBB4-CD8A-6E14CDE63E37B964 WebBuilder Ajaxian 2010-02-13T11:52:51+10:00 We covered GLGE, a WebGL based engine recently, and now we have a new one; Copperlicht. The engine features: 3D World editor: CopperLicht comes with a full 3D world editor named CopperCube. Many supported 3D file formats: .3ds, .obj, .x, .lwo, .b3d, .csm, .dae, .dmf, .oct, .irrmesh, .ms3d, .my3D, .mesh, .lmts, .bsp, .md2, .stl. and more, see [...] http://www.fullasagoog.com/go.cfm?itemid=C004FC52-0AC6-2293-59BA730D5CC274B9 WebBuilder Ajaxian 2010-02-12T13:32:17+10:00 Adobe Beginner Classes has been taking a somewhat forced break from regular posting over the last couple of months as so many other things have been taking precedence.  I've got at least two episodes already done to some extent and several more ideas in the works.  I'm definitely going to finish up my last episode by animating the Encore Menu inside of After Effects.  The Christmas theme will be quite silly now in February, but it will all look good aga http://www.fullasagoog.com/go.cfm?itemid=B8F3BCE7-E0F1-D941-9658646E105097A6 WebBuilder Genesis Project 2010-02-11T04:36:06+10:00 The Moxiecode folks (TinyMCE fame) have released a generic component Plupload that allows you to create a rich upload experience on the back of a variety of transports. Whether it be HTML5, Gears, Silverlight, Flash, BrowserPlus or normal forms, you can get an upload experience with drag and drop, progress, client side image resizing and [...] http://www.fullasagoog.com/go.cfm?itemid=B88A2F7B-9B40-DD50-563A5514B054197E WebBuilder Ajaxian 2010-02-11T02:40:48+10:00 One of the things I always want to do with online maps is rotate them - I am used to that with real, physical maps. As physical maps become a lot more clever these days (for example have you seen the zoomable map?) it is time we can do this with the online ones, too. [...] http://www.fullasagoog.com/go.cfm?itemid=B88A2F8A-C4BB-0A12-5318D1767B31F95B WebBuilder Ajaxian 2010-02-11T02:40:48+10:00 James Coglan has ported a Ruby/EventMachine Comet server to offer a new Node.js server on the Bayeux protocol. The project is Faye and you can check out the code on GitHub. On the client side: PLAIN TEXT HTML:   <script type="text/javascript" src="/comet.js"></script>   <script type="text/javascript">     CometClient = new Faye.Client('/comet');     CometClient.connect(); </script>   PLAIN TEXT JAVASCRIPT: http://www.fullasagoog.com/go.cfm?itemid=B88A2F9A-EB36-DB00-7D2E9AC881A01637 WebBuilder Ajaxian 2010-02-11T02:40:48+10:00 If you know you think you know your objects from your arrays and your null from your undefined, here's a quiz for you from Perfection Kills. I was recently reminded about Dmitry Baranovsky’s Javascript test, when N. Zakas answered and explained it in a blog post. First time I saw those questions explained was by [...] http://www.fullasagoog.com/go.cfm?itemid=B88A2FAA-E6AF-D802-4A22490E75C69782 WebBuilder Ajaxian 2010-02-11T02:40:48+10:00 eBooks have gone mainstream, and right now the open ePub format is getting a lot of attention, being the iPad's book format of choice. Often overlooked in gadget-centric media is the fact that ePub is based on web standards, and therefore amenable to being rendered in the browser, sans plugins. Pure Javascript ePub readers are [...] http://www.fullasagoog.com/go.cfm?itemid=B88A2FB9-CFA3-002A-F53098BA3637A860 WebBuilder Ajaxian 2010-02-11T02:40:48+10:00 It is quite interesting to see how technology moves in circles. With canvas being the new fun toy to play with for creating browser-based games we have to find solutions to fake a 3D environment to be really fast (sure there is Canvas 3D but it is overkill for most games). The trick is to [...] http://www.fullasagoog.com/go.cfm?itemid=B081C111-A78D-17C6-3BEF65ABAE18C156 WebBuilder Ajaxian 2010-02-09T13:14:38+10:00 We have been long term fans of Román and the fantastic demos and samples that he puts together, usually involving CSS goodness. We messed up the other week though when we linked to his work on a scrolling coke can. I do these postings as a labor of love, and since Ajaxian isn't my day [...] http://www.fullasagoog.com/go.cfm?itemid=B081C121-A9B1-FCF1-F03EBD0EF29E2C41 WebBuilder Ajaxian 2010-02-09T13:14:38+10:00 Mozilla Labs has released the magical 1.0 version of Weave and the doors are now open for developers. When I was a part of Mozilla Labs day to day, I always loved the vision and team behind Weave. I kept wanting the implementation to match the vision, but it is a tough problem and it takes [...] http://www.fullasagoog.com/go.cfm?itemid=AA66939B-C9D8-A7AB-EA64CEC77E66A446 WebBuilder Ajaxian 2010-02-08T08:47:14+10:00 Anthony Calzadilla has a fun Friday example for us. He has a tutorial on how he animated an AT AT using CSS. He goes over the different areas and how he uses animation and transforms. For example, the head of the beast: PLAIN TEXT CSS:   @-webkit-keyframes rotate-head{   0% {-webkit-transform:rotate(0deg) translate(0px,0px);}   40% {-webkit-transform:rotate(10deg) translate(15px,5px);}   80% {-webkit-transf http://www.fullasagoog.com/go.cfm?itemid=A3D2614F-0580-34F0-A584BE7E415F0698 WebBuilder Ajaxian 2010-02-07T02:07:38+10:00 Fan of Eiffel or the design by contract pattern that it espouses? Ã?yvind Kinsey is, and he just created jsContract an alpha library to give you some pre and post condition abilities. Here is an example: PLAIN TEXT JAVASCRIPT:   function _internalMethod(a, b){     Contract.expectNumber(a);     Contract.expectNumber(b);     Contract.expectWhen(config.mode === "divide", b> 0, "Divisor cannot be 0");   &# http://www.fullasagoog.com/go.cfm?itemid=9D1737CB-BD7C-552D-6E350E6975B9D6D3 WebBuilder Ajaxian 2010-02-05T18:45:29+10:00 In an effort to increase adoption of web standards, we're going to try something new. http://www.fullasagoog.com/go.cfm?itemid=9491C200-99EB-E56A-EFADCBA249F727B0 WebBuilder WebStandards 2010-02-04T03:02:45+10:00