fullasagoog.com WebBuilder blend
Wed Dec 17 16:37:48 EST 2008
Home: http://fullasagoog.com/
Feed: http://www.fullasagoog.com/xml/WebBuilder.xml

Ajax as Flash: Achmea - Remon de Boer sent us a link to Achmea.nl, a Dutch website that brought back memories of Thomas Fuch’s Ajax makeover of Gucci’s website some time ago. Ironically, Achmea.nl starts out by displaying a Flash-powered “Loading” graphic: But once the site loads, it’s all Ajax. Powered by YUI, the site sports animated roll-overs, smooth transitions, and otherwise [...]

Music Player UI - Yensdesign has a nice little example of a music player UI that uses mouse gestures and key handling to give a clean experience. Songza did a great job here, and I still use it to find songs for the kids.

OilCan: Grease up your Android browser - Jeffrey Sharkey has created OilCan a thin wrapper on top of the WebKit shipping on Android that allows you to install userscripts that allow you to access to Android "Intents". Intents are very nice abstractions that allow you to access large components and reuse them in different ways. Romain Guy has a nice post on them. OilCan [...]

AVCHD: "No, it's really native" - Just a quick story from yesterday: I was at the Sports Video Group show in New York which is focused on broadcast sports technology and during a slow time the Canon guy came up to me.  He asked me, "So I hear the latest version of Premiere Pro can play AVCHD natively.  Is it really native or is it just native?"

Finally something to get a few more users off of IE 6? - We desperately want users to upgrade to the latest and greatest. A prominent and respected Web citizen recently said “With Ajax we are developing to 1997 technology, and are restricted by IE 6.” What if you didn’t have that nagging feeling, and instead could use the platform that sits below the clients of modern browsers? [...]

Census 2: Benchmarking RIAs Rebooted - Alex Russell decided to rewrite and create Census 2 to act as a new benchmark for various RIA techniques. This is based on the the original Census benchmark done by James Ward of Adobe. There are several goals of this re-write: Fairness. Tests need to be run multiple times for them to be representative in any way. [...]

Tech Luminaries: Interview with Brendan Eich - Dion and I have been wanting to do a podcast series for a long time that is more casual then Audible Ajax–just chatting with some of the luminaries in tech about their careers and such. We collected some content quite a ways back and have finally gotten around to releasing some of it over on [...]

JavaScript Raster Bar Effect - This is a fun canvas demo by Stefan Pettersson that brings you back to your Amiga days (if you remember those, or weren’t an Atari man). You can check out the JavaScript that makes the world turn. function start() { var resolution = 25; [...]

Interfaces in JavaScript - The UML diagram above is from Matt Prokes as he creates Java-like interfaces for JavaScript. He has a full example: An example of an object which requires an implementation of the interface. PLAIN TEXT JAVASCRIPT:   //This code is valid, and the execution will be successful. function executeInterface1(executeThis){   var castedIface = executeThis.cast('TestInterface');   castedIface.testMethod1(1,2,3); }   //This code is

A "Virtual" Tradeshow - Come on, doesn't that title grab you?  A "virtual" tradeshow?  What does that mean?

The Cloud Player: Web-based iTunes using jQuery - Eric Wahlforss, the founder of SoundCloud, wrote in to tell us about “The Cloud Player“, a iTunes / Songbird clone written entirely in Ajax: we just released an open-source itunes-clone built in jquery (and app engine, soundmanager 2, soundcloud api), complete with smart playlists, drag’n'drop, keyboard shortcuts, load-as-you-scroll playlists, playlist sharing, waveform display of tracks, etc. [...]

PNG support in IE6 that reclaims background repetition and position - Drew Diller has created a helper library in the "yup, you still have to get things working in IE 6" department. DD_belatedPNG adds PNG support to IE6 that works with background-repeat and background-position. You just do this: PLAIN TEXT HTML:   <!--[if IE 6]> <script src="DD_belatedPNG.js"></script> <script>     DD_belatedPNG.fix('.png_bg'); /* EXAMPLE */     /* string argument can be any CSS selector */   [...]

Extending jQuery selectors with JavaScript - PLAIN TEXT JAVASCRIPT:   // Flag images upon load: $('img').load(function(){     $(this).data('loaded',true); });   // Extend expr: $.extend($.expr[':'],{     loaded: function(a) {         return $(a).data('loaded');     } });   // Example of usage: alert( 'Images loaded so far: ' + $&#40

App Discover: An add-on to aid discoverability in the browser - Snuck over this post about getting better discoverability into the browser from me personal blog Greasemonkey and Fluid userscripts. AIR and the new Titanium apps. Browser add-ons. When you go to a website do you know if you are getting the best experience for you? You could search for script on userscripts, or Google for apps, [...]

Red camera workflows - All right, lets get the immediate thing out of the way.  I've been dark for a while on the blogosphere.  Guilty as charged.  There's a certain blogging product that has been giving me fits and sadly it's an Adobe product. Ah well, we're not perfect, though we try real hard.  Now...on to more important things

New Feature: Code Navigator in CS4 - Good Afternoon, In Part II of the "What's New in DW CS4" series, we are going to talk about Code Navigator. Code Navigator allows users to easily see the CSS files and rules that are affecting the current selection (or insertion point) and quickly jump directly to the exact rule, right from the Design/Code View window. It also opens and navigates to other file types. You may have noticed Code Nav already. When in Design View, if you pause the cursor or insertion point for a few seconds, an ic

YQL - converting the web to JSON with mock SQL - I like getting data from the web and I love JSON - as it is easy to use. The issue is that not many things on the web come as JSON from the get-go. Hence we need converters. You can use cURL and beautiful soup or roll your own hell of regular expressions. Alternatively [...]

Do you want F1 to take you to Web Help? - When you choose Help > Dreamweaver Help, the Dreamweaver Community Help and Support Page opens by default. Many of you have told us that you'd prefer opening Web Help instead (i.e. the product help system on-line). Now, you can select an option that lets you do just that. Here's how to change the default Community Help behavior: 1. Open the main Dreamweaver Web Help page. 2. Select the "Help on the Web" option. Keep in mind that no matter which option you go with, you can always click a li

More on what you can't find - We're seeing people search for things in Dreamweaver Help -- simple things -- and coming up empty-handed. There are lots of reasons for this, one of them being the new google search engine that powers Web Help searches and the new Community Help. This blog entry is going to keep a running list of topics that google has trouble delivering for whatever reason. SPELL CHECK We see that you've had a hard time finding the basic spell check documentation in Dreamweaver. The reason for it is because t

Travians: Sims meets Cultures, with Ajax - Steve Mattison let us know about a new AJAX game has been released by the makers of that old popular PHP-based village building game Travian. This one is more like Sims meets Cultures, and it is called Travians: “Travians is a browser game in which you rise to the challenge of everyday life as a villager. This [...]

Cappuccino 0.6 Released - The Cappucinno team has a new release, 0.6 that include: New language addition to Objective-J: The @accessors keyword to eliminate the boiler plate code of writing setters and getters. Read more about it here. Support for more classes like CPTimer. Performance improvements all around, but especially in Objective-J thanks to a major rewrite of the parser. Improved debugging [...]

The fundamental problems with CSS3 - Matt Wilcox thinks that there are fundamental problems with CSS3 and he shared his thoughts. He starts by giving us some history of CSS and then gets into the meat: Why the Cascade is no longer enough HTML has been re-purposed to represent only the semantic properties of the page. Because CSS is only capable of cascading [...]

More JavaScript Inheritance; Prototypes vs. Closures - Steffen Rusitschka has a nice detailed post on inheritance with JavaScript, different ways you can go, and side effects of the decision. From, PLAIN TEXT JAVASCRIPT:   var A = function(){}; // This is the constructor of "A" A.prototype.value = 1; A.prototype.test = function() { alert(this.value); } var a = new A(); // create an instance of A alert(a.value);  // => 1 alert(a.test());

Mail.app vs Entourage - It's been a few weeks since I've been on this lovely MacBook Pro. It's a fabulous little laptop. And probably one of the tasks I've spent the most time doing is sending and receiving email. Keep in mind, this is from the point of view of a die-hard Windows user of many years. I've been using Microsoft Outlook and had really gotten to like the most recent version in Office 2007. My default view in Outlook 2007 gave me all of my information at a glance: my inbox, a list of favourite folders that

WCAG 2.0 is a W3C Recommendation - After 9.5 years of work, the Web Content Accessibility Guidelines 2.0 have reached W3C Recommendation status. On behalf of the WaSP Accessibility Task Force, I’d like to welcome WCAG 2 officially into the pantheon of Web standards. I think this tweet by caledoniaman sums up the level of anticipation: WCAG 2.0 and a new Guns ‘n’ Roses [...]

Looking for Layout mode? - We've been hearing that a lot of people have been looking for the Layout mode documentation in Dreamweaver CS4. As of Dreamweaver CS4, Layout mode is no longer in the product. Here's why (according to our magnificent web guru, Murray Summers): ***** 1. Perhaps most importantly, the old Layout mode in Dreamweaver CS3 and earlier sits between you and *real* HTML tables,and fools you into believing that concepts like "layout cell" and "autostretch" really mean something. They do not. As long a

CSS Styles panel - Have you ever wanted to determine what CSS properties are applied to an element on your page? Here's a general approach on how to do that using the CSS Styles panel in Dreamweaver. The first trick is selecting the correct element. This is easy for elements like images, but it's not so easy when working with nested DIV containers. Open your page in Design View. Click inside the element that you are trying to change. Using the "Tag Selector" (the hierarchy of tags at the bottom of the document wi

SmartMarkUp: Universal Markup Editor - Joseph Woods of PHPCow sent us a note about SmartMarkUP, a “universal markup editor”: SmartMarkUP is a lightweight and powerful JavaScript library that allows you to turn any textarea into a fancy markup editor. HTML, CSS, XML, Wiki syntax, BBCode or any other desired markup language can be implemented and/or adjusted to your preferences and business [...]

CSS Spriting without background-image - Jennifer Semter has published an article on CSS spriting, and a cross-browser technique that uses divs, anchors, and clipping to get the same effect as background image clipping. The reason for the new technique is due to the issues with the current approach: You canâ??t attach alternate text to divs for accessibility purposes CSS Spriting and the [...]

IE8 December Release and Accessibility - The IE8 team let their partners know about a December "Partner Build" that contains the following changes since IE8b2: Accessibility-ARIA ARIA attribute names containing dashes, such as â??aria-checkedâ?, no longer have to be referenced by their camelCased equivalent (ariaChecked) in IE 7 Mode and Quirks Mode. As a consequence of this change, the camelCased syntax no longer [...]

Looking for a great blog on Silverlight? - Anye is a good friend of mine and is working with Silverlight and has some great articles as well as some of the “gotchas” she has found along the way. http://anyedotnet.blogspot.com/

nib2cib: Use Interface Builder to design your Ajax apps - Tom Robinson has created an interesting new tool called nib2cib that could lead to you being able to use Interface Builder to create Ajax frontends. nib2cib is a command line tool designed for converting Cocoaâ??s nibs and xibs to Cappuccinoâ??s cibs. It is still very much a work in progress, but is a good foundation for [...]

Bats! - I’ve recently had the opportunity to try my hand at processing. Nothing serious, just hacking into the more talented Julapy’s code. So what did I do? Not a lot - Julapy made the bats move around etc, I just orientated them in 3d (gave the pitch and roll to match their direction). Sweet result though, check [...]

Introduction to WAI ARIA - available in Spanish and French - Accessibility genius Gez Lemon recently published An Introduction to WAI ARIA on Dev.Opera. Designed to work together with HTML 5 the Accessible Rich Internet Application Suite, published by the Web Accessibility Initiative, aims to make Ajax accessible to disabled people using screen-readers and is key to safeguarding accessibility in today’s increasingly dynamic web. The article is [...]

“Just ask: Integrating accessibility throughout design” available in English, Japanese and Spanish - Fancy giving your site a hardcore usability test? Then why not involve people with disabilities in your testing. Not sure where to start? Then check out Just Ask: integrating accessibility throughout design. This free online book, written by Shawn Lawton Henry from W3C in her spare time, looks at all you need to know about user [...]

Stalingrad 1942: A multiplayer online game (coming in 2009) - For the people that follow my blog they know I’ve been working on a multiplayer online game using the following technologies: 1. GFS Server - I’m using a modified version of what is available on Google Code 2. SimpleDB - all accounts are created and maintained using Amazon’s SimpleDB 3. Flash - for the maps 4. Flex - for [...]

Common Feature Tests - Kangax has written about his new Common Feature Tests project: I have been working on a little personal project of mine for the past couple of months. Itâ??s called CFT and stands for Common Feature Tests. Thereâ??s nothing really ground-breaking about it; CFT is simply a set of so-called feature tests for Javascript (or rather for [...]

Psych Desktop soon to become more Lucid - We heard from Will of the Psych Desktop project as he ran across our coverage of other Web desktop apps. He shared with us his project that is part of the Dojo Foundation which you can check out here. He had some good thoughts, so I thought I would pass them along below: Psych Desktop is an [...]

Pegs: Automate display: fixed++ - Chris Wetherell (the chap who kicked off Google Reader in his apartment) has posted about Pegs a pattern for having one scrollbar but independent scrolling areas. It is more than display: fixed in that it can be smart. If you visit the demo you will see it in action. After the first time, click around on [...]

YUI3 PR2 now available - extendable with own widgets and plugins - Over at the YUI blog Satyen Desai just announced the release of YUI3 PR2. The main changes are that the widgets from YUI2 are now all getting ported over to the new, leaner YUI3 architecture and that the team made it much easier to write your own YUI widgets and plugins extending the existing ones. Those [...]

WaveMaker IDE offers deployment to Amazon - WaveMaker, the IDE that Dojo helped build (with a ton of work from the team) has added support for cloud deployment to Amazon: The biggest problem with cloud development platforms to date has been lack of portability. For example, what if I want to move my cloud application from Coghead to some other platform? Answer - [...]

You Leaked on my JavaScript! - As soon as I read John's post on JavaScript Language Abstractions I knew that it would draw a lot of chatter and fuzz. John started with: Pyjamas, GWT, and Objective-J all hinge around a central concept: Abstracting away the authoring of JavaScript-heavy web applications by allowing the developer to program entirely in their natively language [...]

Appcelerator Titanium: Breathing AIR for the Open Web - The Appcelerator folks have a big announcement today. They are announcing an early release of Appcelerator Titanium which is easiest if you think of it as an "Open Web version of Adobe AIR" in that it is a runtime that has extended APIs that allows developers to create applications using Web technology. It is built glueing [...]

YUI Library, YUI Doc, and Github - Eric Miraglia and our friends at Yahoo! have announced YUI Doc, "a python-based documentation tool that generates API documentation for JavaScript code. YUI Doc was developed by Adam Moore, one of the principal engineers on the YUI project since its inception, to support YUIâ??s API-level documentation." It is a comment-driven system in which documentation is parsed [...]

Native Client: Open ActiveX? - Google has released a cool research project called Native Client, a new browser plugin (how many plugins now? gears, toolbar, lively [for awhile], earth, ...) that allows you to compile with a special GCC compiler down to x86 that can run in the browser. IE is missing so far, but remember this is a research [...]

pyQuery: Same API, but with a snake. - jQuery came first, but then we have seen others such as pQuery. Now we have pyQuery which brings the same great taste API to Python. The author Olivier Lauzanne explains: yquery allows you to make jquery queries on xml documents. The API is as much as possible the similar to jquery. pyquery uses lxml for fast xml [...]

Alpha PNGs in Internet Explorer 6 - That elephant in the room is losing some weight. The forever scorned IE6 has always had issues with alpha PNGs, those semi-transparent images of goodness. The market share of IE6 is surprisingly big, especially for more mainstream sites and web developers such as you and me are still left holding the bag to support them. Stoyan Stefanov, one of the people behind Smush.it, has posted the fifth installment of image optimization on the the YUIblog. This time on AlphaImageLoader. Stoyan discusses t

Open Web Podcast 6: Sizzling Open FX - re-posted from the Open Web Podcast blog I have moved to Mozilla along with my long time friend cohort and collaborator, Ben Galbraith. He joins us on this podcast, along with Alex, who joins us as a Noogler. You can download the podcast directly (OGG format too), or subscribe to the series, including via iTunes). We get back [...]

Massively parallel crowd sourced JavaScript app server; SETI for JS - Malte Ubl is having a lot of fun here :) He has created a “massively parallel crowd-sourced JavaScript app server cloud” a.k.a. SETI for running JavaScript code. This is how it works: When a user makes a request to the site …the request is handled by a Google App Engine application …that puts the request into a request [...]

The IE 6 Equation. Finally some math to mask the pain - That is the equation that Jeremy Keith shares with us on his article for this years 24ways. He is discussing IE6, which he sets to the variable of $web_designer_nemesis (variable used to equal NN4). He looks at the sliding scale of support for the browser: Block IE6 users from your site. Develop with web standards and donâ??t spend [...]