Activate your free membership today | Log-in


Tuesday, September 7th, 2010

WebPagetest and PageSpeed join up via PageSpeed SDK

Category: Performance

Steve Souders just pointed me to the great news that two great open source performance projects are working well together: Pat Meenan just blogged about Page Speed results now available in Webpagetest. This is a great step toward greater consistency in the world of web performance, something that benefits developers and ultimately benefits web users. Read the rest…

Posted by Dion Almaer at 12:47 pm
2 Comments

+++++
5 rating from 1 votes

TinySrc: Free Easy Way to Reformat Graphics for Mobile Devices

Category: Mobile

If you're working with mobile browsers tinySrc will dynamically scale your images down to the right size on the server side: PLAIN TEXT HTML: http://i.tinysrc.mobi/http://mysite.com/myimage.png To use, you simply prefix the URL to your image with a pointer to tinysrc: PLAIN TEXT HTML:   <img src='http://i.tinysrc.mobi/http://mysite.com/myimage.png'  alt='My image' />   tinySrc will then do the Read the rest...

Posted by Brad Neuberg at 5:30 am
7 Comments

++++-
4 rating from 1 votes

Monday, September 6th, 2010

Searching for the HTML5 Search Input

Category: HTML

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 Read the rest...

Posted by Brad Neuberg at 5:30 am
9 Comments

+++++
5 rating from 1 votes

Friday, September 3rd, 2010

The Quick & Easy Way of Getting into YUI: SimpleYUI

Category: YUI

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 Read the rest...

Posted by Rey Bango at 7:00 am
13 Comments

OOOOO
Rate the above post

A Periodic Table for HTML

Category: HTML

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]

Posted by Brad Neuberg at 5:30 am
4 Comments

+++++
5 rating from 2 votes

Thursday, September 2nd, 2010

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

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 Read the rest...

Posted by jvaughan at 8:20 pm
4 Comments

+++++
5 rating from 1 votes

A Drumbeat for the Open Web

Category: Mozilla

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. There's a whole slew of cool projects already one here. A small sample:

Posted by Brad Neuberg at 5:30 am
Comment here

+++++
5 rating from 1 votes

Wednesday, September 1st, 2010

Extending HTML5

Category: Tutorial

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 Read the rest...

Posted by Brad Neuberg at 5:30 am
3 Comments

++++-
4.5 rating from 2 votes

Tuesday, August 31st, 2010

Raphaël 1.5 Released

Category: Announcements, Framework, SVG

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: ">"},     Read the rest...

Posted by Brad Neuberg at 5:30 am
3 Comments

+++--
3 rating from 2 votes

Monday, August 30th, 2010

New SVG Web Release: Owlephant

Category: SVG

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 Read the rest...

Posted by Brad Neuberg at 6:05 pm
2 Comments

+++++
5 rating from 1 votes

Design 3D Models in a Browser

Category: 3D, Canvas

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

Posted by Brad Neuberg at 6:00 am
Comment here

++++-
4 rating from 5 votes

View Source Tutorial: Content Site Using HTML5 Canvas + CSS3

Category: Canvas, Tutorial, View Source

Posted by Brad Neuberg at 5:00 am
5 Comments

++---
2 rating from 2 votes

Friday, August 27th, 2010

Find Info On Webkit Spec Extensions

Category: WebKit

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 Read the rest...

Posted by Brad Neuberg at 6:00 am
1 Comment

++---
2 rating from 1 votes

It’s Gmail: The Game!

Category: Fun, Games, Google

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, Read the rest...

Posted by Brad Neuberg at 5:00 am
Comment here

+++--
3 rating from 2 votes

Thursday, August 26th, 2010

How to Drag Out Files Like Gmail

Category: Google, JavaScript

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 = Read the rest...

Posted by Brad Neuberg at 6:00 am
5 Comments

+++++
5 rating from 1 votes

innerShiv: Make innerHTML + HTML5 Work in IE

Category: IE, Library

(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: Read the rest...

Posted by Brad Neuberg at 5:00 am
5 Comments

+++--
3 rating from 2 votes