SimplePie: Demo

Or try one of the following: adult swim, Afterdawn, Ajaxian, Andy Budd, Arabic Language, Ask a Ninja, AtomEnabled.org, BBC News, Blogdigger, Brent Simmons, Channel Frederator, CNN, Crazy Apple Rumors, del.icio.us, Digg, Diggnation (Odeo), Diggnation (Video), Dominic Sagolla, Dooce, Flickr, Google News, GVOD, Harvard Law, Hebrew Language, Hungarian Language, InfoWorld, iTunes, Japanese Language, Korean Language, MacNN, mir.aculo.us, Movie Trailers, Nick Bradbury, OK/Cancel, OS News, Phil Ringnalda, Photocast #1, Photocast #2, Photocast #3, ReFrederator, Romanian Language, Russian Language, Traditional Chinese Language, Technorati, Think Secret, Tim Bray, TUAW, TVgasm, Web 2.0 Show, White Collar Ruckus, Yahoo! News, You Tube, Zeldman

Cleaning up the web with Ajax

Searching for the HTML5 Search Input 6 Sep 2010

I recently saw the new HTML5 Search input element and wondered what the heck it does: PLAIN TEXT HTML: <input name="s" type="search" /> Chris Coyier has posted an in-depth article going into this new HTML5 input type to appease your curiosity. The HTML5 spec actually says you don't have to do much with it, but Webkit actually has a [...]

The Quick & Easy Way of Getting into YUI: SimpleYUI 3 Sep 2010

The Yahoo! YUI is an incredibly feature-rich JavaScript library with a LOT of functionality but getting your head around all of those features can be tough. The YUI team wants to help developers get up and running more quickly and announced yesterday the release of SimpleYUI; a basic and more streamlined version of the YUI [...]

A Periodic Table for HTML 3 Sep 2010

Josh Duck has put together a fun and useful list of the 104 elements currently in the HTML5 working draft but organized like a periodic table of elements:

When you click on one of the tags more information appears:

Who says chemistry can't be fun?

[via Jackson Harper]

The Node.js now running on webOS – and more Web improvements 2 Sep 2010

By Dion Almaer
webOS 2.0 SDK has just launched, and it has node.js built in (and more). The following is taken from my personal blog

At our last Palm Developer Day, Ben and I discussed future APIs for webOS including "JavaScript services" as a way to write code that runs on the other side of the device service bus using JavaScript.

If you think about it, node delivers a services platform for the cloud, so is there a way that we could work together? We got together with Ryan Dahl of Node to try this out, and it turns out that node works fantastically well on a mobile device! Major kudos should go to the V8 team for creating a great VM and to Ryan for writing efficient code that scaled down from the cloud to the device.

Today we announce that node is part of webOS 2.0:

The popular Node.js runtime environment is built into webOS 2.0, which means that you can now develop not just webOS apps but also services in JavaScript. The active Node ecosystem is on hand to provide community support and a rapidly growing library of modules that you can use in your webOS services.

Besides powering the new Synergy APIs, JavaScript services strengthen webOS's support for background processing and add new capabilities—like low-level networking, file system access, and binary data processing—to the web technology stack.

I am really excited about this move for us. The node community is top class. I get to see this time and time again, most recently over the weekend and this week as I judge the node knockout. There is magic in the air with Node. It feels like the Rails days. I remember being so happy to jump to Rails and get away from the heavy world of Enterprise Java. It was a breath of fresh air to not have to argue with folks about every piece of the stack. "What about JSF with HiveMind and Commons-Logging and ...." Argh! Too. Much. Choice. And, a logging abstraction above Log4J was hilarious :)

Node is low level, yet simple. It is more like Sinatra than Rails. The event-based opinions keep you in good stead, and with cloud solutions such as Heroku and no.de you have great deployment stories, unlike Rails back in the day.

If you check out the modules that are growing daily, and the fun real-time hacks from the knockout you will get a good feel for node.

It feels great to have webOS as the first mobile device that embeds node. With db8 we offer a JSON store than can sync to the cloud (e.g. sync with CouchDB). This stack is starting to look pretty great.

A Drumbeat for the Open Web 2 Sep 2010

I stumbled on the Mozilla Foundation's Drumbeat project recently:

Drumbeat gathers smart, creative people like you around big ideas, practical projects and local events that improve the open web.

It's very well done combination of projects + community.

Drumbeat Toronto Meetup

There's a whole slew of cool projects already one here. A small sample:

Extending HTML5 1 Sep 2010

Google Rich Snippet Oli Studholme has an excellent new article on HTML5 Doctor on the different ways HTML5 can be extended with things like microformats, the link tag, and more. Why would you want to do this? While HTML5 has a bunch of semantic elements, including new ones like <article> and <nav>, sometimes there just isn’t an element with the [...]

Raphaël 1.5 Released 31 Aug 2010

Dmitry Baranovskiy and team have released another version of Raphaël, an excellent drawing and animation library backed by SVG (VML on Internet Explorer). New features in Raphaël 1.5 include custom attributes and keyframes. Keyframes can be defined similar to CSS3 Animations: PLAIN TEXT JAVASCRIPT: el.animate({ "20%": {cy: 200, easing: ">"}, "40%": {cy: 100}, "60%": {cy: [...]

New SVG Web Release: Owlephant 30 Aug 2010

The SVG Web team has announced a new release. SVG Web is a drop in JavaScript library that makes it easy to display SVG graphics on Internet Explorer 6, 7, and 8 using Flash. The new SVG Web release, like all of their releases, is named after especially silly D&D monsters. The new release is code [...]

Design 3D Models in a Browser 30 Aug 2010

Perfect for a Monday is a cool 3D model editor built using the Canvas tag and created by Jayesh Salvi:

View Source Tutorial: Content Site Using HTML5 Canvas + CSS3 30 Aug 2010

Find Info On Webkit Spec Extensions 27 Aug 2010

I stumbled across http://webkit.org/specs recently, which is basically a nifty listing of all custom extensions Apple/Webkit has made to web specs, written up as specs themselves so that other browsers can implement them: Squirrelfish Bytecode Timed Media Elements CSS Effects Extensions to CSS 3 Media Queries The 'pointer-events' property There were some on here that I had never even heard of. [...]

It’s Gmail: The Game! 27 Aug 2010

TechCrunch reports on a Googler, Paul Truong, who created an HTML5-based game for Gmail called Galactic Inbox using his 20% time:

When you start it up, a little Gmail logo envelope guy pops out of a “20% Projects Lab” and starts flying. Essentially, he’s a spaceship and can shoot objects coming his way. It’s simple, but fun.

How to Drag Out Files Like Gmail 26 Aug 2010

Ryan Seddon, aka the CSS Ninja, has a nice blog post up where he reverse engineers the new feature in Gmail where you can drag attachments from an email on to your desktop. Note that the feature only currently works in Chrome. Ryan begins with the following code: PLAIN TEXT JAVASCRIPT: var file = document.getElementById("dragout"); file.addEventListener("dragstart",function(evt){ evt.dataTransfer.setData("DownloadURL",fileDetails); },false); Describing the code Ryan says: From [...]

innerShiv: Make innerHTML + HTML5 Work in IE 26 Aug 2010

(Various Shivs) Via JD Bartlett comes HTML5 innerShiv for IE. Before innerShiv, the following would not work in IE: PLAIN TEXT HTML: var s = document.createElement('div'); s.innerHTML = "<section>Hi!</section>"; document.body.appendChild(s); For example, let's imagine we have some CSS that defines the following for the HTML5 elements footer, header, and section: PLAIN TEXT CSS: footer, header, section { border:1px solid #ccc; display:block; padding:10px; } Unfortunately, even if [...]

Adobe Releases Web Fonts 25 Aug 2010

Last week Adobe announced they are jumping into the Web Fonts game in a partnership with Typekit: For this debut of Adobe Web Fonts, I think we’ve made some great choices. Everyone knows Myriad and Minion — pervasive workhorse sans serif and serif typefaces, respectively, which will prove to be as useful on the web as they have been [...]

Real World Canvas Tips from Hakim El Hattab 25 Aug 2010

From Hakim El Hattab (who has some very nifty HTML5 experiments up) comes some nice tips on using the Canvas tag: Cross browser implementation There are no real discrepancies between the canvas outputs of different browsers so long as the JavaScript code is written correctly (if not, browsers tend to try and fix things for you, [...]

Motorola Purchases 280 North 24 Aug 2010

I don't usually post acquisition news on here, but I just wanted to congratulate 280 North, who we've covered on here many times and are fellow members of the Ajax community. 280 North produces the awesome Cappuccino language/framework, including the 280 Slides presentation web application. Techcrunch is reporting that Motorola has bought 280 North. From Motorola:

I can confirm that Motorola acquired 280 North earlier this summer. The transaction provides Motorola with specialized web-app engineering talent and technology that will help facilitate the continued expansion of Motorola’s application ecosystem. We believe 280 North will be instrumental in helping us continue to foster the Android ecosystem with innovative web-based technologies and applications. Terms of the transaction were not disclosed.

Congrats!

[via John Resig]

CSS Media Queries: Bees Knees Or Spawn of Satan? 24 Aug 2010

The last month has seen an interesting back and forth over CSS Media Queries. In a nutshell, CSS Media Queries make it possible to apply style sheets only if certain properties are available on the display device. For example, you could have a stylesheet only display for screen devices with a maximum screen width of [...]

Blow Things Up! 24 Aug 2010

Jonas Wagner has ported the Flash 2D physics engine Box2DFlash to JavaScript: In his demo Jonas uses the Canvas tag to map the physics simulations on. Click on it to create explosions: Jonas talks about the approach he used to convert the original library from ActionScript to JavaScript: At first I thought this conversion would be trivial as [...]

The CSS3 Song 23 Aug 2010

Don't be bummed it's Monday, 'cuse the CSS3 Song is here to cheer you up:

How can you go wrong with lyrics like this:

CSS3
Web animation done properly
CSS3
Degrading gracefully

I had a dream, an awesome dream
People surfing in the park
On Windows, Linux and Mac
And their page load speeds were oh-so-high
No big JavaScript library
Just to show some eye-candy

CSS3
Web animation done properly
CSS3
Degrading gracefully

As we surf down the superhighway
Did you ever even think
We could replace <marquee> and <blink>?
With just one, just one line of code
But it's open to abuse
We must be careful not to overuse it

CSS3
Web animation done properly
CSS3
Degrading gracefully

CSS3
Web animation done properly
CSS3
Degrading gracefully
Degrading gracefully
With HTML5, naturally

[via Bruce Lawson]

Ajaxian » Front Page