fullasagoog.com WebBuilder blend
Sun Jan 24 11:38:08 EST 2010
Home: http://fullasagoog.com/
Feed: http://www.fullasagoog.com/xml/WebBuilder.xml

Safari and Transparent Borders - 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

Indiana Pacers adopting Production Premium CS4 - 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

YouTube and Vimeo turn on HTML5 video tag - 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 [...]

De-fusing JavaScript Natives with the Fusebox - 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 [...]

Jaml: An HTML builder a la Haml - 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"),     [.

France and Germany call for the end of IE6 - Google's disclosure of a December cyber attack, originating in China, prompts two major governments to push for the aging browser's demise.

Firebug 1.5: New Features and ready for Firefox 3.6 - 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 [...]

ECMAScript Edition 5: WebKit JavaScriptCore Progress - 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 [...]

Helium CSS: JavaScript Library to test your CSS usage - 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 [...]

Pure CSS bar charts as a simple API - 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 [...]

A live video tool tip showcase of HTML5 video, canvas, and Ext - 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, [...]

jQuery 1.4 is released - 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 [...]

Adobe BrowserLab Update: More browsers, more features - 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: [...]

Gordon: Flash Runtime Implemented in Javascript - 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, [...]

Virtual DOM Events - 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 [...]

Progressive XMLHttpRequest - 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 [...]

Using YQL as a proxy for cross-domain Ajax - 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

Jison: Build parsers in JavaScript - 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 [...]

WebAIM Study: Screenreaders and Javascript Co-Exist - 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 [...]

QBasic on Javascript - 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 [...]

ABC tidbits - 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

Palm Developer Program: Project Appetite, $1M How App Program, and more - 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 [...]

View Source; How important was it, is it, and will it be? - 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 [...]

Amazing Audio Sampling in JavaScript with Firefox - 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. [...]

Microsoft joins SVG Working Group - 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 [...]

Onward - 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,

Failure - 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.

Crockford on JavaScript: A Public Lecture Series at Yahoo! - 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 [...]

Commodore 64 JavaScript Emulator - 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 [...]

GLGE - 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 [...]

Web 2.Snow - 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 [...]

How would you layout Wave? - Want to show how to use your layout library? Why not mimic a well known layout and show how easy it is? That is what Volodya Kolesnikov has done with his Google Wave layout in 100 lines of code sample. It is powered by uki (shorted from "ui kit") and Volodya told us more about it: UKI [...]

WebKit Inspector Audit View - The WebKit Inspector tool has a new tab, the Audits panel which aims to be like Google PageSpeed and YSlow! built right in. A little crude, but good to see:

Hand-Drawn Look in Canvas Drawing App - Steve Hanov has produced a Canvas-based drawing tool with a hand-drawn look. Lines can be drawn with a “sloppiness” option, with possible values “Draftsman”, “Artist”, “Cartoonist”, “Child”, and – perfect for this time of year – “Drunk” :). The FG Virgil font, applied to text elements, adds to the cartoon vibe. The techniques are used in [...]

CoffeeScript: A nice little language that compiles to JavaScript - Jeremy Ashkenas is experimenting with a new language that translates down to JavaScript. The language is CoffeeScript and I kinda like the syntax. Jeremy told us: I’ve been working on a little language with a Ruby/Potion-esque syntax that compiles into JavaScript. It tries to enforce “the good parts”, convert statements into expressions automatically, and adds some extra [...]

TransM: Programmable Image Transitions - The infamous Christian Effenberger has a new library to share: TransM.js 1.0 allows you to add programmable image transitions to your webpages. Features 113 transitions, 32 tweenings, individual corners, overlay graphics and event actions. Requires no plugin/extension or any other external resource! It uses unobtrusive javascript to keep your code clean. You can play around with an [...]

Jetty introduces WebSocket support (relunctantly) - Greg Wilkins tried to get people to do better than WebSocket as it was being defined. His BWTP proposal didn’t get traction so what does he do? He introcuces a great Jetty WebSocket implementation: Chrome and Firefox will soon be supporting WebSocket, so WebSocket (for better or for worse) will soon be available in the [...]

Closure Lite - Michael Bolin formerly of Google has created Closure Lite as a way to let developers get their feet wet in the Closure library without having to go into the compiler and the like (but they should do that eventually!). Closure Lite itself consists of the following subset of APIs: goog.array goog.Disposable goog.dispose goog.dom goog.dom.DomHelper goog.events.NodeType goog.dom.TagName goog.dom.classes goog.dom.xml goog.events goog.events.BrowserEvent goog.events.Event goog.events.EventHandler goo

ABC is a podcast - Adobe Beginner Classes is up as a podcast.  I'm having to slowly upload episodes from the first to the most current which will take a little while, but if i could ask you to subscribe and give me your comments, it is always appreciated. To get started, click this link Adobe Beginner Classes,podcasts,tutorials,Creative Suite,Production Premium

Adobe Beginner Classes Episode 34 is live! - As many of you probably know, I'm pretty big into After Effects tutorials, so it's been surprising to have me sitting in front of Encore and trying out new stuff.  Part of the motivation for me starts in Photoshop (probably my other favorite application) and I was making some little images for Christmas this year when I thought of an idea. Encore,Photoshop,Production Premium,CS3,CS4,DVD,Menus

Orderly JSON - Lloyd Hilaiel of Yahoo! BrowserPlus fame, has a little holiday gift for us. He has created a simple library called Orderly that "is a textual format for describing JSON. Orderly can be compiled into JSONSchema. It is designed to be easy to read and write." He shares: A little bit of orderly... PLAIN TEXT JAVASCRIPT:   object {   string name;   string [...]

MathJax: Rich Math display from LaTeX and MathML - I am sure MathML took off somewhere, but I never really saw it. MathJax seems to have a chance at being a practical solution that offers a high quality display of LaTeX and MathML math notation in HTML pages. You can embed the following LaTeX right in your page: PLAIN TEXT HTML:   <p>The Lorenz Equations</p> \[\begin{matrix} \dot{x} & = & [...]

HTML5 Video Autobuffers, Always - John Gruber of Daring Fireball says that the HTML5 video element, simple as it is, always autobuffers on Safari, Chrome, and Firefox. It’s something others have also come up against. Any videos on the page will start downloading right away, regardless of the “autobuffer” attribute’s setting: The HTML5 spec defines an autobuffer attribute for the [...]

Side by side diffs that look great, all in the browser - We knew that we needed VCS support for Bespin. We also knew that we wanted to have support that is richer than just having command line access. Since we are in a rich UI environment we can do more, and one of the features I was excited to play with was diff visualization. Well, the Atlassian [...]

Chrome Extensions and webOS Applications look quite similar - Reposted from my personal blog “If you squint, Chrome Extensions and webOS applications look similar” — a wise friend Having now written webOS applications and Chrome Extensions I have been struck by how similar they are, and could be. It may seem weird to see similarity in a browser extension mechanism and a mobile application runtime, but when [...]

Adobe Beginner Classes is going up as a podcast - Adobe Beginner Classes is finally going up as a podcast based on some feedback from readers and viewers. Makes sense in the end, because since I do these for fun and for customer education, I might as well put it out there as broadly as possible!  One temporary bummer is that I can only upload so much content per month and as a result, I do not have the ability to upload the entire catalog of shows for everyone.  As a result,

The Maturation of a Framework; qooxdoo reaches 1.0 - From the moment I saw qooxdoo, I felt they had an excellent & very polished set of functionality as well as insanely rich UI controls but I never took the time to look at the commitment that the team had put into this project. So when qooxdoo project lead Andreas Ecker buzzed me to tell [...]

EtherPad Goes Open Source - Following their recent acquisition by Google, AppJet announced they would open source EtherPad, the collaborative, real-time, notepad. That’s now done, and you can find the project home at – surprise, surprise – Google Code. Checkout Instructions Browse the Source What’s especially cool about this is that Etherpad is Javascript on both sides of the wire. In a new [...]

Some updates to the blog - projects and tutorials - I've done some long overdue updating to the blog in terms of content I've owed the public.  I've finally added the After Effects project files to the last three groups of tutorials I've done and I'll be looking to see if there are others that I've missed something on. So... The latest Episode #33 on motion graphics is here The 2012 project is embedded in this entry. The

Oi! I forgot to post 2012 project files (ABC Episodes #29-32) - I always promise to post the project files, but it seems that I've been a bit lax in actually following thru. My apologies! Read on to view the embedded episodes to create the final 2012 animation as well as the project files. Adobe,Production Premium,After Effects,Motion Graphics,Animation,Project,Tutorials