http://fullasagoog.com/ Fullasagoog: Chock Full Of Rich Internet Application Goodness en-us modius 2010-02-09T13:54:08+10:00 hourly 1 2000-01-01T12:00+00: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 Aaron Boodman created Greasemonkey back in the day. He also worked on Gears. And most recently he created Chrome Extensions. I have a funny feeling that folks were pinging him daily “hey, when ya gunna give me Greasemonkey on Chrome” and he just delivered: One thing that got lost in the commotion of the extensions launch [...] http://www.fullasagoog.com/go.cfm?itemid=949108F9-0D9C-C41B-0CA5A3BAEF518558 WebBuilder Ajaxian 2010-02-04T03:01:58+10:00 A Googler and a Facebooker were in a pub discussing the complexities of building out a rich modern Web application. There are a ton of dependencies, and you need to be proficient in multiple languages and tools (JavaScript, HTML, CSS, SQL/NoSQL, backend languages, build tools, etc). Well, they may not have been in a pub.... but [...] http://www.fullasagoog.com/go.cfm?itemid=94910908-DB1A-B0D4-7BAA432D59A50C29 WebBuilder Ajaxian 2010-02-04T03:01:58+10:00 SVG-Edit is a nifty open source editing web app that uses SVG and doesn't need a server-side: The SVG-Edit team recently announced SVG-Edit 2.4, code named Arbelos. New features include: - Raster Images - Group/Ungroup - Zoom - Layers - Curved Paths - UI Localization - Wireframe Mode - Change Background - Draggable Dialogs - Resizable UI (SVG icons) - Convert Shapes to Path Try out the demo [...] http://www.fullasagoog.com/go.cfm?itemid=94910918-E4E8-0145-5DB823C07626096C WebBuilder Ajaxian 2010-02-04T03:01:58+10:00 The following post is a reprint from my personal blog. It is editorial in nature and even delves into random politics. I apologise. You can deal with it though :) Steve Jobs didn't hold back when talking about Google and Adobe. That is great. Life is so much more fun when people speak their mind. I [...] http://www.fullasagoog.com/go.cfm?itemid=94910928-9897-029D-685ADB0E98766504 WebBuilder Ajaxian 2010-02-04T03:01:58+10:00 What can you do if you want to enable a fullscreen experience on the Web? You can't. Or, use Flash. Some claim that you shouldn't offer this ability as it is a security liability. Someone can put a fullscreen view that tricks the user into giving it information. However, as much as I think user security [...] http://www.fullasagoog.com/go.cfm?itemid=94910937-9134-F0BF-A2D30C07DE3A048C WebBuilder Ajaxian 2010-02-04T03:01:58+10:00 CSS3 features are making their way into the various browsers and while many are holding off on implementing them, there are those who are venturing ahead and likely running into a world of interesting quirks across the various platforms. Two such features that I have been having the pleasure of enjoying are the use of multiple backgrounds and CSS gradients. I'm covering both features because multiple backgrounds by itself is simple enough, as are CSS gradients, but combining the two is where thi http://www.fullasagoog.com/go.cfm?itemid=9490197E-9B3A-CFF5-AEB55888583333EE WebBuilder Jonathon Snook 2010-02-04T03:00:56+10:00 As part of an upcoming article on geo location I am putting together a few Geo Toys for myself and here is the first one. Addmap.js is a JavaScript that analyses an elements text content, finds geographical locations and links them to Google Maps. It also adds a map preview and a list of the [...] http://www.fullasagoog.com/go.cfm?itemid=857BC821-C5C4-FBE7-3EE55D90E3708F1C WebBuilder Ajaxian 2010-02-01T04:44:26+10:00 The Freeciv.net crew has benchmarked a path in their canvas game. It is one data point, and tests more than just Canvas itself because a lot of code is running in the game. Thus, it ends up testing the union of a particular JavaScript path and the rendering of the canvas. Here are the results: With Bespin [...] http://www.fullasagoog.com/go.cfm?itemid=74DC06CD-C158-9B2B-E4CC92C953934858 WebBuilder Ajaxian 2010-01-28T23:16:01+10:00 Román Cortés is having a lot of fun with CSS tricks these days. He just built an example rolling CSS coke can that uses background-attachment, background-position, and a few other tricks to get the effect. No fancy CSS3 needed here! The key pieces used: PLAIN TEXT CSS:   p {         background-image: url(coke-label.jpg);         background-attachment: fixed;   [...] http://www.fullasagoog.com/go.cfm?itemid=716CEBA7-AB96-B8EE-753E8555FA5D6066 WebBuilder Ajaxian 2010-01-28T07:15:48+10:00 I love programmers like Alex Miltsev. He won the Jetpack 0.5 content by prototyping access to the GPU from JavaScript! Alexâ??s work is an alpha-prototype that shows the feasibility of the project and it requires a custom build of Firefox to use â?? itâ??s not easy to demo. However, the code sample below shows how the [...] http://www.fullasagoog.com/go.cfm?itemid=716CEBB7-E706-8EED-1AE9AFEC5927F5F0 WebBuilder Ajaxian 2010-01-28T07:15:48+10:00 Appcelerator has published an interesting study on the Apple Tablet. You know, the iPhone OS based one that we will Steve will show us on Wednesday. The study asks some interesting questions revolving around the development side of the tablet. Are developers going to develop for it? What are they looking for? What are they excited [...] http://www.fullasagoog.com/go.cfm?itemid=716CEBC7-C3A5-5D32-6D96E932AD123C4E WebBuilder Ajaxian 2010-01-28T07:15:48+10:00 Sometimes you need to compromise, but at others you need to lead and take a stance. Our politicians do far too much via polls, and I often find myself wishing for more leadership. I could start talking about Obama and the healthcare issue in the US….. but this is a technical blog so I won’t [...] http://www.fullasagoog.com/go.cfm?itemid=658CF3B1-0B85-FF07-F43CD1F37734F766 WebBuilder Ajaxian 2010-01-25T23:55:21+10:00 This is a Friday post that happens to show up on Monday ;) 2010 will have a lot of Web based OS products, including the much anticipated Chrome OS. Why wait for that when you can use Windows 3.11: Browser Edition? Or, check out webOS on mobile, Jollicloud on Netbook, and many others. http://www.fullasagoog.com/go.cfm?itemid=658CF3C1-EF08-7EEE-DE11191E7957E5E3 WebBuilder Ajaxian 2010-01-25T23:55:21+10:00 I had noticed this little bug on my own site. In the footer, there's a 5px border with the colour set using rgba. In Safari, it's as if the semi-transparent borders overlap each other in the corners and the values are compounded. This creates little squares in the corner of my squares. Not quite what you'd expect. Firefox and Opera (10.5; I didn't test in 10.10) render this as you'd expect, with a consistent colour surrounding the block. In testing some other border handling, I noticed that the http://www.fullasagoog.com/go.cfm?itemid=5E60EF7D-990C-AC7E-651E892CD1401179 WebBuilder Jonathon Snook 2010-01-24T14:29:56+10:00 If you'd like to find out what customers are using Adobe Products, we have a customer success section on the website and the latest example is the Indiana Pacers.  Rather than have me prattle on about it, check out the link.  Indiana Pacers http://www.fullasagoog.com/go.cfm?itemid=5A5DDAB0-C0D7-11BF-CE6586F2A821A5AA WebBuilder Genesis Project 2010-01-23T19:48:05+10:00 At Google I/O the team showed a demo of YouTube running video right in the browser, instead of in the rectangle of Flash. Now, that URL takes you to the beta, which you can opt-in too. I am torn on what to write on this showcase though…. so, especially since it is Friday, here are two [...] http://www.fullasagoog.com/go.cfm?itemid=5A581B7F-ABBE-41C3-BC8022E9F8A939E8 WebBuilder Ajaxian 2010-01-23T19:41:48+10:00 John-David Dalton has released Fusebox, a library that allows you to sandbox natives: Extending JavaScript natives gives you the power to customize the language to fit your needs. You can add convenience methods like "hello world".capitalize() or implement missing functionality like [1,2,3].indexOf(2) in JScript. The problem is that frameworks / libraries / third-party scripts may overwrite [...] http://www.fullasagoog.com/go.cfm?itemid=5A581B8F-9009-0E75-7FB1844AE344AAF0 WebBuilder Ajaxian 2010-01-23T19:41:48+10:00 There have been a few HTML builder APIs out there, but Ed Spencer (new lead of Ext JS) has put together something that looks and feels similar to Haml from the Ruby side. Jaml lets you write HTML like this: PLAIN TEXT JAVASCRIPT:   div(   h1("Some title"),   p("Some exciting paragraph text"),     br(),     ul(     li("First item"),     li("Second item"),     [. http://www.fullasagoog.com/go.cfm?itemid=5A581B9F-BC34-5E1B-3062ECB43F295498 WebBuilder Ajaxian 2010-01-23T19:41:48+10:00 Google's disclosure of a December cyber attack, originating in China, prompts two major governments to push for the aging browser's demise. http://www.fullasagoog.com/go.cfm?itemid=4DAEC70B-D59A-2409-B840058241F88A1C WebBuilder WebStandards 2010-01-21T08:41:24+10:00 Nice work Firebug team for announcing Firebug 1.5, a great release that fixes many bugs and adds great features: Mike Radcliffeâ??s Inspector. A key feature, now solid as a rock, Jan â??Honzaâ?? Odvarkoâ??s expanded and refined Net panel, with accurate timings, Steve Rousseyâ??s reworking of HTML editing and entity support, Kevin Deckerâ??s CSS and Style side panel improvements, Support for [...] http://www.fullasagoog.com/go.cfm?itemid=4DA64399-AA9F-5CB6-7BCCF08FF6E1A3B4 WebBuilder Ajaxian 2010-01-21T08:32:06+10:00 We have a new bible. ECMAScript Edition 5 was voted (despite annoying folk like IBM who seem to only get in the way) in. So, when do we get to play? Over on the Qt blog, Kent has posted on the progress that has been made, and what there is to go, for this to be [...] http://www.fullasagoog.com/go.cfm?itemid=4AB77EF1-EB74-AA10-ACFD1B70C7FF20D3 WebBuilder Ajaxian 2010-01-20T18:52:04+10:00 Geuis Teses has released an enjoyable library called Helium that has the goal of testing your stylesheets for unused style. You inject helium into your site (e.g. put it in an included footer) and then when you hit the first page you will have a popup asking for the pages you want to test. Helium will [...] http://www.fullasagoog.com/go.cfm?itemid=4486E2C9-DAB5-3E9B-E99A97944A807761 WebBuilder Ajaxian 2010-01-19T14:01:15+10:00 I am right now working on a high-traffic project that will run in a sandbox that doesn't allow me to pull third party JavaScript or use canvas/Flash. Yet I need to generate bar charts from a set of data. The solution to me was to create the charts from HTML using CSS. There have been some [...] http://www.fullasagoog.com/go.cfm?itemid=34E3D8A6-D567-1011-CFC25C9E58A1C579 WebBuilder Ajaxian 2010-01-16T13:08:52+10:00 David Davis of Ext doesn't just have a cool name. He does cool stuff :) His latest post explains a showcase of melding HTML5 video and canvas support as he creates a live video tooltip. The example uses Ext JS web desktop and the code created delivers a special Panel that is able to deliver video, [...] http://www.fullasagoog.com/go.cfm?itemid=34E3D8B6-DCAE-5BC1-E162B475E8699E63 WebBuilder Ajaxian 2010-01-16T13:08:52+10:00 The incredibly popular jQuery library has released jQuery 1.4 on a new website that will celebrate 14 days of jQuery. There are a lot of new features, and as usual performance gains are showcased. Easy Setter Functions: For a while now, youâ??ve been able to pass a function into .attr() and the return value of that function [...] http://www.fullasagoog.com/go.cfm?itemid=34E3D8C5-C46C-2493-57A95EB0D834E106 WebBuilder Ajaxian 2010-01-16T13:08:52+10:00 Adobe BrowserLab (formerly Meer Meer) has been updated today with new browsers and features: New Browser Support: Adding Internet Explorer 8, Chrome 3.0, Safari 4 and Firefox 3.5 to the current list of supported browsers; Rulers and Guides: Providing users more precision with rulers on the X and Y axes, as well as movable guides; Move and Pan: [...] http://www.fullasagoog.com/go.cfm?itemid=34E3D8D5-E8FA-BD73-27BF11B221754A3E WebBuilder Ajaxian 2010-01-16T13:08:52+10:00 This was quite a surprise! Tobias Schneider has built a Flash runtime that works right in the browser. It's implemented in pure Javascript and HTML5, and the whole thing is open source, MIT-licensed, and hosted on GitHub. See Gordon in action (demos hosted by Paul Irish). It works like a charm in recent versions of Firefox, Chrome, [...] http://www.fullasagoog.com/go.cfm?itemid=29B3EE4C-C09D-0645-122CA2399D038E25 WebBuilder Ajaxian 2010-01-14T09:00:42+10:00 I am a big fan of using custom events where it makes sense in applications. I took it too far in the early days of Bespin, but I really enjoy them where they make sense. Chris Vanrensburg was talking to me about Virtual DOM events, and when I asked him about them he told me this: there [...] http://www.fullasagoog.com/go.cfm?itemid=28289417-E978-9C54-87CA8167C5C23F54 WebBuilder Ajaxian 2010-01-14T01:48:53+10:00 Kyle Scholz has brought up the topic of progressive response handling in XHR: Perhaps it's subtle, but the draft spec for XMLHttpRequest calls for support for progressive response handling: 4.7.6 The responseText attribute The responseText attribute must return the result of running these steps: 1. If the state is not LOADING or DONE return the empty string [...] http://www.fullasagoog.com/go.cfm?itemid=25ED9F01-C3D5-DCF6-F20B78FB1C54E733 WebBuilder Ajaxian 2010-01-13T15:25:14+10:00 OK, this is nothing shockingly new, but I found it pretty useful. Using jQuery, Ajax has become more or less a one-liner: PLAIN TEXT JAVASCRIPT: $(document).ready(function(){   $('.ajaxtrigger').click(function(){     $('#target').load($(this).attr('href'));     return false;   }); }); This loads the document any link with a class of "ajaxtrigger" p http://www.fullasagoog.com/go.cfm?itemid=25ED9F10-FE5A-B78F-2DDA291E11D760B3 WebBuilder Ajaxian 2010-01-13T15:25:14+10:00 If you have ever wanted to create your own "language" (or DSL if you want to play 2008 buzzword word bingo) then you may have delved into the worlds of yacc/bison (and their siblings: lex/flex) to get this done in a more declarative manner. Jison lets you play in this world thanks to Zach Carter: Jison [...] http://www.fullasagoog.com/go.cfm?itemid=25ED9F20-A6BC-1364-A270D57C3B9A3107 WebBuilder Ajaxian 2010-01-13T15:25:14+10:00 Paul Irish points to a recent survey by WebAIM showing what high-level accessibility guidelines frequently omit to mention: screenreaders and Javascript often co-exist. The study shows between 75% and 90% of screenreader users have Javascript enabled. This isn’t just speculation, but a survey of 655 screenreader users. This response may help strengthen the notion that [...] http://www.fullasagoog.com/go.cfm?itemid=1B8DFEFA-E5D5-181E-F519F6D36C6DDF15 WebBuilder Ajaxian 2010-01-11T15:04:35+10:00 Steve Hanov has been busy. Following from his hand-drawn canvas app, he’s now built a working QBasic implementation powered by Canvas and Javascript and is blogging about how he did it. The most straightforward way of creating a basic compiler in javascript is to directly translate the basic into javascript functions. But this approach will not [...] http://www.fullasagoog.com/go.cfm?itemid=1B8DFF09-A9A0-4874-7A4E0A77EE9B5468 WebBuilder Ajaxian 2010-01-11T15:04:35+10:00 Just some miscellaneous fodder for this Friday about ABC, my whereabouts and schedule coming up. I've got the first 5 Adobe Beginner Classes shows up as podcasts and am working on a way to get all of the back log posted in the near future.  Again, I hope that you'll subscribe and spread the word once I do. CES - For a guy who has been doing this thing a LONG time, this is http://www.fullasagoog.com/go.cfm?itemid=10F45856-ADCB-8215-36782AB1FD8A2B09 WebBuilder Genesis Project 2010-01-09T13:40:33+10:00 Ben and I had a good time building Project Appetite including CSS 3d transforms, which shows up below. Fancy using your mad Web skillz to play in the $1M market driven Hot App Program? Below is a post from my personal blog about the webOS developer program launch. It has been a very different holiday season [...] http://www.fullasagoog.com/go.cfm?itemid=10D973FF-DC16-D655-56417A133BE1FD30 WebBuilder Ajaxian 2010-01-09T13:11:11+10:00 Alex Russell has pontificated on the notion that View Source is not only good and important, but that it may be under attack. Do you feel that view source added to the popularity of the Web? or that it was just a nice to have that is neither here nor there? Other technologies have tried to [...] http://www.fullasagoog.com/go.cfm?itemid=10D9740F-D631-B87E-5EC7160BF69DFE48 WebBuilder Ajaxian 2010-01-09T13:11:11+10:00 Above shows the work of some awesome developers. Alistair MacDonald, David Humphrey, Thomas Saunders and Corban Brook have collectively done some great forward looking work with audio sampling and JavaScript. You have to use a custom build of Firefox to make it work right now, but listen to the story of how this came about. [...] http://www.fullasagoog.com/go.cfm?itemid=0C5E0A34-B9A5-54B7-65DF8C82953CB31A WebBuilder Ajaxian 2010-01-08T16:17:54+10:00 My gut feeling whenever I hear a “we are joining a group” type post from anyone is “thanks for telling us, ping me when you have an implementation”. However, when someone as big as Microsoft blogs about joining the W3C SVG Working Group they are trying to send a signal. Hopefully they will help the process [...] http://www.fullasagoog.com/go.cfm?itemid=0C5E0A44-DDC0-2E9C-6BBF8EDCC3C971B2 WebBuilder Ajaxian 2010-01-08T16:17:54+10:00 It's so easy to wallow in self-pity when things don't go right. As much as 2009 sucked on all levels, it wasn't all bad. As much as I want to sulk, the fact remains that I live a charmed life. Through some karmic luck of the draw, I've got a lot to be thankful for. Personal Projects This past year was a year of simplication and basically had me letting go of all my personal projects—at least for the time being. I shut down SidebarAds, I never worked on Snitter, and I never finished Haylia, http://www.fullasagoog.com/go.cfm?itemid=0285E911-9E69-3B40-4DE33A3B94D04076 WebBuilder Jonathon Snook 2010-01-06T18:25:15+10:00 It has been a year marked with a series of failures and while I feel some urge to explain it all, I think it will be better off left unsaid. This post is a stick in the sand to remind me of what has happened. Onward we go, for time gives us no other choice. http://www.fullasagoog.com/go.cfm?itemid=0285E920-E9E9-5B78-16EFE31584EBFBBD WebBuilder Jonathon Snook 2010-01-06T18:25:15+10:00 Douglas Crockford showed us how JavaScript (or parts of it) could be used to do real software engineering. Now Crockford and Yahoo! are hosting a cool series of public lectures on the language we all love: Douglas Crockford is Yahoo!’s JavaScript architect and a member of the committee designing future versions of the world’s most popular [...] http://www.fullasagoog.com/go.cfm?itemid=027C9705-D759-1EFC-30FB14BF888E9B8A WebBuilder Ajaxian 2010-01-06T18:15:04+10:00 Tim de Koning has done what folks do best with their winter holidays…. created something fun :) With JSC64 he has ported the Flash version to give us an emulator for the Commodore 64 in JavaScript. Tim’s work uses Canvas and he provides a jQuery plugin if you are that way inclined. It is fun to check [...] http://www.fullasagoog.com/go.cfm?itemid=027C9714-0118-021F-EB2BAA29AE8C9AAA WebBuilder Ajaxian 2010-01-06T18:15:04+10:00 Not sure if the whole WebGL thing will take off? Check out the video above which shows a simple scene constructed in blender and exported to GLGE for use in a WebGL capable browser. What is GLGE? GLGE is a javascript library intended to ease the use of WebGL; which is basically a native browser JavaScript API [...] http://www.fullasagoog.com/go.cfm?itemid=027C9724-EDBD-7204-80C099AA8CB906C1 WebBuilder Ajaxian 2010-01-06T18:15:04+10:00 When I talked about some snow related CSS3 experiment, I could not imagine @Natbat was already preparing something like snowflakes, an almost fully CSS3 featured snow FX created for clearleft, specially suited for Chrome and Safari. And what about @zacharyjohnson? He put snow all over the network via its Winternetizer, the first snow proxy I have [...] http://www.fullasagoog.com/go.cfm?itemid=E837463B-C118-3339-1C4BCB8F512D39FE WebBuilder Ajaxian 2010-01-01T15:49:14+10:00