Friday, July 17th, 2009

HTML5 Drag and Drop in deeetail

Category: Browsers, HTML

Les Orchard isn’t just a cool domain name. He is a person. A person who has done a great job detailing HTML 5 drag and drop that you can use today in Firefox 3.5. Les takes us down the path from simple drag and drop, to event propagation, to feedback images, to rich data transfer Read the rest…

Posted by Dion Almaer at 7:26 am
10 Comments

++++-
4.4 rating from 36 votes

More on 3D CSS Transforms

Category: Browsers, CSS

Following up on the earlier coverage we are back with more info on 3D transforms. Simon Fraser has posted details on the WebKit blog. He shows off a couple of cool examples: The post goes into detail on the new CSS such as: < View plain text > css translate3d(x, y, z), translateZ(z)   scale3d(sx, Read the rest…

Posted by Dion Almaer at 5:39 am
5 Comments

++++-
4.6 rating from 39 votes

Thursday, July 16th, 2009

A new way to do layout; CSS Scripting Layout

Category: Chrome, CSS

CSS is great for styling, but can be agonizing for laying out applications. There have been attempts to do JavaScript powered layout, but what about adding more semantics to CSS itself? Darrel Karisch has posted on just that, with his CSS Scripting Layout: This document describes a new set of CSS properties and object specifications Read the rest…

Posted by Dion Almaer at 11:46 pm
31 Comments

+----
1.9 rating from 62 votes

Swipe away, then quickly flip with simple jQuery plugins

Category: iPhone, jQuery

Ryan Scherf has created a simple jQuery plugin that “uses Mobile Safari’s built in touch events to allow jQuery binding of swipe events to any DOM element. You can override the swipeLeft and swipeRight defaults functions to create your own custom process when the gesture is detected.” It can be used as simple as: < Read the rest…

Posted by Dion Almaer at 6:22 am
2 Comments

++---
2.4 rating from 45 votes

Wednesday, July 15th, 2009

Aristo look and feel via CSS3

Alex MacCaw has taken the first public cut of the “Aristo” look and feel from 280 North, designed by Sofa, and has CSS3-ified it. It uses some nice shiny CSS such as: < View plain text > css -webkit-box-shadow: 0 0 15px #A1CAE2;   -webkit-border-image: url(../images/hud/button-bezel.png) 9 13 10 13 / 8px 13px 9px 13px Read the rest…

Posted by Dion Almaer at 6:24 am
4 Comments

+++--
3.6 rating from 51 votes

Tuesday, July 14th, 2009

The slow death of IE 6 support; YouTube and browser placement

Category: Browsers

Many sites have been slowly crying off of IE 6 support, and big boys like Twitter, Facebook, Digg and YouTube are joining the action. What is interesting about the YouTube story is the placement of the upgrade buttons. Twitter took the tact of “if the user is using browser X, I will just prompt them Read the rest…

Posted by Dion Almaer at 10:42 am
45 Comments

++++-
4.8 rating from 108 votes

Sitemaps 2.0 with SlickMap CSS

Category: Showcase

Remember the era of the sitemap? Matt Everson has rev’d it up again with SlickMap CSS a nice visualization that runs on top of a simple set of ul lists. To check out the magic, just peak in the CSS and see fun uses of new CSS: < View plain text > css -moz-border-radius: 5px; Read the rest…

Posted by Dion Almaer at 6:28 am
12 Comments

+++--
3.9 rating from 39 votes

Monday, July 13th, 2009

Digg takes the time to study the pain of IE 6

Category: Browsers

Ouch. We all want the IE 6 users to upgrade. Unfortunately, some of the stragglers aren’t Bob’s mum who doesn’t know better. Rather, they are poor buggers at work who aren’t able to upgrade (or fear that they can’t). And there are the pirating folk who fear the Microsoft updater so never upgrade a thing Read the rest…

Posted by Dion Almaer at 6:00 am
46 Comments

++++-
4.5 rating from 56 votes

Sunday, July 12th, 2009

Keynotes Announced for The Ajax Experience!

Category: Ajax, Conferences, The Ajax Experience

Ajaxian.com’s The Ajax Experience gives you access to over 40 sessions presented by framework founders, independent experts and development leaders – all focused on proven solutions for current and emerging challenges plaguing Ajax developers, like performance, cross-browser rendering, security and architecture. Register Now for The Ajax Experience! September 14-16 in Boston, MA. Keynote presentations examine Read the rest…

Posted by tberardi at 6:37 pm
2 Comments

++++-
4.6 rating from 58 votes

3D CSS Effects with Safari on Snow Leopard

Category: CSS, Showcase, WebKit

The iPhone has had these wicked cool 3D transforms hardware accelerated for awhile. We haven’t seem them in desktop Safari though, until now. Charles Ying shows us Snow Stack: Oh, was there some Microsoft plugin launched last week? We don’t need no stinkin’ plugin! Charles tells us more: Larger images load in after 2 seconds Read the rest…

Posted by Dion Almaer at 4:43 pm
22 Comments

++++-
4.3 rating from 45 votes

Friday, July 10th, 2009

GOTO is here

Category: Fun

Ah GOTO. Now life is complete. How could one enjoy a Fun Friday better than looking at a goto implementation in JavaScript: < View plain text > HTML <script type="text/jsplusgoto"> var a = 0; [lbl] topOfLoop: a++; if (a < 292 ) {    goto topOfLoop; } document.getElementById(’relevantLink’).setAttribute(’href’, ‘http://www.xkcd.com/’ + a); </script> Note the “text/jsplusgoto” Read the rest…

Posted by Dion Almaer at 6:18 am
14 Comments

+++--
3.3 rating from 55 votes

Augmented Reality is just hot, and the Web can do it

Category: Showcase

Michael Zoellner has developed an augmented reality twitter mashup that is very cool indeed. AR is great stuff, and the Web platform is a great way to mash it up. Hopefully Apple will take the petition seriously: The whole application is developed in Webkit (UIWebView / Safari Mobile). A native Cocoa wrapper delegates location, compass Read the rest…

Posted by Dion Almaer at 5:12 am
5 Comments

+++--
3.8 rating from 18 votes

Thursday, July 9th, 2009

Pimping JSON – YQL now offers JSONP-X!

Category: JavaScript, JSON, Yahoo!

Yesterday’s announcement of Yahoo’s YQL now supporting insert, update and delete overshadowed another interesting new feature: JSONP-X output. Here’s what it is and why it is useful: YQL data can be returned in XML which is annoying to use in JavaScript (for starters because of crossdomain issues in Ajax). JSON is much easier as it Read the rest…

Posted by Chris Heilmann at 10:48 am
4 Comments

++---
2.3 rating from 40 votes

jQuery Visualize: Updated accessible charts and graphs

Category: Canvas, jQuery

Scott Jehl has released jQuery Visualize, the plugin that groks HTML tables and generates lovely charts from it, all from a simple $(‘table’).visualize(); (lot’s of options for you to twiddle too if you want). First, you create a bog standard table like: < View plain text > HTML <table>     <caption>2009 Individual Sales by Read the rest…

Posted by Dion Almaer at 9:06 am
12 Comments

+++--
3.9 rating from 66 votes

Lessons from Gmail: Using Timers Effectively

Category: JavaScript

Neil Thomas of the Gmail for Mobile team keeps coming with great information on lessons learned. The latest discusses timers, and how to use them effectively (setTimeout/setInterval). There are old questions here…. should you use lots of timers, or use one uber-timer that coordinates life? Here are some thoughts from Neil: When I first started Read the rest…

Posted by Dion Almaer at 6:13 am
1 Comment

++++-
4.2 rating from 38 votes

Wednesday, July 8th, 2009

Ouh, shiny! BBC’s Glow is finally out

Category: JavaScript, Library

After being rumoured and showcased at @media Ajax 2008 by Jake Archibald in a pretty epic presentation (audio) the BBC now finally went through all the red tape needed and Glow is available as open source. Glow is the BBC’s own JavaScript library and in use on their sites. The reason to build an own Read the rest…

Posted by Chris Heilmann at 8:21 am
43 Comments

+++--
3.3 rating from 55 votes