Friday, April 25th, 2008

CSS Variables are next?

Category: Browsers, CSS, WebKit

How long have you wanted to name colors and such in your CSS instead of having to use search and replace (which breaks if you share the same colors ;) ? We have a proposal thanks to Daniel Glazman and the ubiquitous David Hyatt. Since the release of CSS Level 2 Recommendation ten years ago Read the rest…

Posted by Dion Almaer at 8:49 am

4.6 rating from 46 votes

JavaScriptMVC Test Plugin

Category: JavaScript, Testing

Justin Meyer and the JavaScriptMVC team have created a new Test plugin. We all voted testing as the number two pain point in Web dev and this is an attempt to make the world a bit better. Test lets you simulate every major DOM event, as well as some combination events like Write and Drag, Read the rest…

Posted by Dion Almaer at 6:18 am

3.7 rating from 14 votes

WebKit keeps going with CSS Masks

Category: Browsers, WebKit

Wow, get the feeling that they are on a roll with taking Canvas / SVG like use cases, generalizing them, and making them available to people as simple CSS. First we had CSS animations, and we are now going with CSS Masks which run across images and <video> elements: WebKit now supports alpha masks in Read the rest…

Posted by Dion Almaer at 1:22 am

4.1 rating from 22 votes

Thursday, April 24th, 2008

Using canvas to test your site with colorblind folk

Category: Accessibility, Canvas, Library

The picture above is showing you how someone with the color blindness trait Tritanopia would see the image. Michael Deal first created the Color Matrix Library, which supports a large portion of the most common color functions available, including: Hue, Saturation, Brightness, Contrast, Exposure, Temperature, Tint, Channels, Blindness, Colorize, Threshold, and Invert Michael then created Read the rest…

Posted by Dion Almaer at 1:35 pm

4.3 rating from 30 votes

TPHP: Your home page can be a JavaScript command line

Category: Showcase, Utility

Vishal Shah has put together TPHP, which stands for “The Perfect Home Page”. It is just an HTML page with a bunch of JavaScript in it, that acts as a command line to a lot of things. You can type in special codes to do smart things like search wikipedia, access domain tools, or what Read the rest…

Posted by Dion Almaer at 7:26 am
Comment here

3.9 rating from 37 votes

WaveMaker Visual Ajax Studio for Mac

Category: JavaScript, Utility

It seems a little funny to have an Ajax app announcing that it now works on Mac, but there is good reason: This week, we are releasing WaveMaker for the Mac (OS 10.5 Leopard to be specific) and Safari. Although the Mac is a visual platform, it has always been behind on WYSIWYG development tools. Read the rest…

Posted by Dion Almaer at 5:35 am

2.7 rating from 38 votes

Wednesday, April 23rd, 2008

Taking Web Applications Offline, to the Desktop, and beyond

Category: Adobe, Gears, Presentation

Ryan Stewart of Adobe and I got to give a joint talk this morning that covered Adobe AIR, Gears, and how you can build offline and desktop applications right now. Obviously, Ryan gave an overview of AIR, and I did the same for Gears. We also discussed reasons to be excited about Web development, some Read the rest…

Posted by Dion Almaer at 3:51 pm

4 rating from 26 votes

To GWT Ext or to Ext GWT?

Category: GWT, Sencha

One part of the Ext JS 2.1 release was the prominence of the sub project Ext GWT, a project that lets you code in Java with GWT while using the Ext components and framework. But wait a minute, I thought that that project was GWT-Ext? Or wasn’t there something called MyGWT too? Confused? Didier Girard Read the rest…

Posted by Dion Almaer at 8:55 am
1 Comment

3.5 rating from 94 votes

Embed your data- in HTML 5

Category: Dojo, HTML, Standards, Unobtrusive JS

Simon Willison pointed out the part of the HTML 5 spec that discusses a way to add attributes to HTML elements for your own needs via data-. For example, a spaceship for a game: < View plain text > HTML <div class="spaceship" data-id="92432"     data-weapons="laser 2" data-shields="50%"     data-x="30" data-y="10" data-z="90">  <button class="fire" Read the rest…

Posted by Dion Almaer at 7:55 am

4.4 rating from 44 votes

Timeframe: Prototype date range component

Category: Component, JavaScript, Library, Prototype

Stephen Celis got tired of wiring together two date pickers for the common use case of grabbing a date range, so he created timeframe, which is “Click-draggable. Range-makeable. A better calendar.” Based on Prototype, you can whip up some code such as: < View plain text > javascript new Timeframe(‘calendars’, {         Read the rest…

Posted by Dion Almaer at 6:25 am

3.4 rating from 16 votes

OraoWeb: Quicktime + JavaScript

Category: JavaScript

We recently saw the proof of concept for a JavaScript video player in JSONVid. Pascal Vuylsteker has paired JavaScript and Quicktime to create OraoWeb. He puts a call out to argue that Flash isn’t the only king of video and talks about the shortcomings: Clean fast forward Fast rewind Jog Shuttle Frame by frame step Read the rest…

Posted by Dion Almaer at 6:10 am

3 rating from 15 votes

Tuesday, April 22nd, 2008

Making application modules communicate with each other using Decoupling

Category: Component, Examples, Framework, JavaScript, Yahoo!

I’ve been talking about event driven application design in JavaScript in January last year and inspired Caridy Patiño to write his Bubbling Library based on these ideas. Caridy now upped the ante a bit by talking about decoupling using the bubbling library over on the YUI blog. In essence, his solution allows you to have Read the rest…

Posted by Chris Heilmann at 5:17 pm

4 rating from 29 votes

Google offers Search, Feed, and Translation APIs to Non Ajax Usage

Category: Google, JavaScript, JSON, Library

The Google Ajax API team has been offering great services that you can use from JavaScript in the browser. I have talked about some of them on Ajaxian before (Feed API, Feed Discovery API, and the recent Language API) but now we have a great new release that enables you to access these APIs from Read the rest…

Posted by Dion Almaer at 9:07 am

4.2 rating from 23 votes

Talking about JavaScript 1.7, 1.8 and 1.9 before we get to 2.0

Category: JavaScript

Is this JavaScript that would run in a current browser? < View plain text > javascript function square_of(x) x * x;   players.sort(function(x,y) y[‘score’] – x[‘score’]); Yup. This is JavaScript 1.8 and 1.7, also known as Pythonizing Javascript ;) Tiago Silveira discusses these lambda expressions, as well as Generators: < View plain text > javascript Read the rest…

Posted by Dion Almaer at 8:27 am

3.6 rating from 10 votes

Reminded of speaking your YAHOO.lang

Category: Examples, JavaScript, Yahoo!

Mitchell Amihod has a nice little post talking about the features in YAHOO.lang which is probably the least mentioned part of YUI. He starts out with the type checking functions such as like isNull(), isUndefined(), isValue(); then he does for a trim(). Did you know that YUI had a mini template language in the form Read the rest…

Posted by Dion Almaer at 5:43 am
Comment here

3.6 rating from 16 votes

Yahoo! BrowserPlus: Why wait for the news when you have strings?

Category: Gears, Yahoo!

After posting about Yahoo! BrowserPlus, we certainly have more questions than answers, and we could all wait a week or two to learn more. But, where is the fun in that? Thanks to the fact that Open Source software often normally means that you will find a LICENSE.txt, and the binary itself will have information Read the rest…

Posted by Dion Almaer at 2:03 am

3.3 rating from 17 votes

All Posts of April 2008