Tuesday, October 6th, 2009

@font-face: How to embed it, and how it looks across browsers

Category: Typography

Zoltan Hawryluk has written a detailed in-depth post on @font-face. Not only does he go into detail on using fonts via CSS: < View plain text > css @font-face {     font-family: ‘Droid Sans’;     src: url(’/shared/fonts/DroidSans/DroidSans.eot’);     src: local(’Droid Sans’),          local(’Droid Sans’),          url(’/shared/fonts/DroidSans/DroidSans.ttf’) Read the rest…

Posted by Dion Almaer at 6:13 am

3.4 rating from 29 votes

Monday, October 5th, 2009

QueryLoader, a full page preloader

Category: CSS, JavaScript, jQuery

The classic animated gif, or the “loading…” text, could be now easily replaced thanks to this new jQuery plug-in. Specially suited for a page loads of images, the final result showed in this demo looks really nice and flashy. Features: Preload a whole web page. Preload a part of the page. Gets all images, <img> Read the rest…

Posted by webreflection at 12:30 pm

3.3 rating from 11 votes

toDataURL, Canvas, and SVG

Category: Canvas, SVG

I’m a fan of all the new ways of drawing on the web. I consider myself a Canvas evangelist, an SVG evangelist, and an evangelist for the new CSS Animation work going on. When asked “SVG or Canvas” I’ve long felt the right answer is: “Yes” :) Canvas is great at pixels, SVG is great Read the rest…

Posted by Brad Neuberg at 6:30 am

3.7 rating from 31 votes

Friday, October 2nd, 2009

Hide and Seek via Mouse

Category: Sencha, UI

It’s always nice when a basic shared idea with a simple proof of concept becomes something concrete, usable, and well explained. This is the case with Shea Frederick’s post titled Forwarding Mouse Events Through Layers. The aim of the technique is to provide an ExtJS plug-in that can capture dragged and dropped data from external sources, Read the rest…

Posted by webreflection at 6:30 am

4.3 rating from 63 votes

Detecting Chrome Frame; All of the details

Category: Chrome

Tamura Jones has published a detailed look at detecting for Chrome Frame (.xhtml huh, wow! :). He nicely aggregates a lot of the info that has been seen on Chrome Frame into one place, and his series covers: Basics of Chrome Frame: what is it? Supporting Chrome Frame: <meta http-equiv=”X-UA-Compatible” content=”chrome=1″> and the like Detecting Read the rest…

Posted by Dion Almaer at 4:39 am

3.3 rating from 26 votes

Thursday, October 1st, 2009

QUnit – A JavaScript Unit Testing Framework

Category: jQuery, Testing

There are many options for JavaScript Unit Testing but a “de facto” standard for the jQuery library, related plug-ins, and jQuery UI is QUnit. Nothing new so far? Check this out: According to tweets from John Resig the state of QUnit is: QUnit is now completely standalone (it no longer depends upon jQuery) QUnit now Read the rest…

Posted by webreflection at 12:30 pm

3.6 rating from 47 votes

ChemDoodle Web Components

Category: Canvas, HTML

Via jzornig comes news of a cool set of components written with HTML 5 and the Canvas tag: ChemDoodle Web Components are pure javascript objects derived from ChemDoodle™ to solve common chemistry related tasks on the web. These components are powerful, fully customizable, easy to implement, and are free under the open source GPL license. Read the rest…

Posted by Brad Neuberg at 6:30 am
1 Comment

3.8 rating from 22 votes

Wednesday, September 30th, 2009

YUI 3 Is Out!

Category: Library, Toolkit, Yahoo!

The YUI team has put out YUI 3.0: We’re pleased to announce today the general-availability release of YUI 3.0.0. YUI 3’s core infrastructure (YUI, Node and Event) and its utility suite (including Animation, IO, Drag & Drop and more) are all considered production-ready with today’s release. This is a ground-up redesign of YUI: Selector-driven: YUI Read the rest…

Posted by Brad Neuberg at 6:30 am

4.4 rating from 46 votes

Tuesday, September 29th, 2009

Cappuccino is a Push over

Category: Cappuccino, Examples

Elias Klughammer has implemented the Juggernaut push server in a Cappuccino app. Always nice to have an open source bare bones sample app for a marriage like this. Nothing beats looking at the source.

Posted by Dion Almaer at 6:11 am

2.7 rating from 46 votes

Monday, September 28th, 2009

A note from the editors; Hat change!

Category: Editorial

Dear Ajaxian Community, As editors-in-chief so to speak, I always feel that it is important to fully disclose to the community any affiliation change. We have always tried to by balanced, and show that by featuring all kinds of news (for example, we haven’t been shy at posting about great WebKit tech while at Mozilla, Read the rest…

Posted by Dion Almaer at 5:07 pm

3.3 rating from 34 votes

Berts Breakdown

Category: Canvas, Fun, Games

We usually post these on Friday, but who says a little fun on Monday is wrong? Paul Brunt has put together a nifty game using the Canvas tag. It’s pretty impressive. He is also using Chrome Frame to have the game work on IE as well. Play it now

Posted by Brad Neuberg at 7:00 am

4.1 rating from 44 votes

Going into details with the WebKit Page Cache

Category: Browsers, WebKit

Brady Eidson has a great one two punch on the WebKit page cache. First, Brady delves into the basics of the page cache: The Page Cache makes it so when you leave a page we “pause” it and when you come back we press “play.” When a user clicks a link to navigate to a Read the rest…

Posted by Dion Almaer at 6:33 am

3 rating from 15 votes

Friday, September 25th, 2009

Dive Into HTML 5, Intro Articles, and IE 6 Cheatsheet

Category: HTML, IE

I’ve come across a few nice educational articles on HTML 5 recently I want to share. The first is from Mark Pilgrim, who has been writing a new book called Dive Into HTML 5. He has put up two chapters already, “Detecting HTML5 Features: It’s Elementary, My Dear Watson” and “Let’s Call It a Draw(ing Read the rest…

Posted by Brad Neuberg at 7:15 am

3.4 rating from 19 votes

Opacity: Fancy a design tool with “Save as Canvas”?

Category: Utility

Our Webmonkey friends have featured Opacity, a vector image manipulation tool that has a couple of features that are interesting for Web developers wanting to do HTML5-y things: To use the new source code feature in Opacity, simply design your vector-based graphic or animation sequence and, once you’re happy with it, head to the Inspector Read the rest…

Posted by Dion Almaer at 6:25 am

3 rating from 22 votes

Thursday, September 24th, 2009

Content Aware Image Resizing… in JavaScript

Category: Canvas

Content aware image resizing is a nifty technique where you can make an image smaller by literally understanding the content better and remapping it. Stéphane Roucheray has put together a fancy demo (Firefox 3.5 only) that uses JavaScript and the Canvas tag plus createImageData to do all of this in the browser versus C++: For Read the rest…

Posted by Brad Neuberg at 1:30 pm

4.4 rating from 44 votes

Chrome Frame: No one will care but It’s fantastic!

I have rarely seen so much interest for an Internet Explorer dedicated plug-in! While developers have been strafed twitter with re-tweets, technical questions and some guessed answer about Chrome Frame, Robert Nyman has already expressed his thoughts about Wave choice and latest Alex Russell idea. Here few highlights: No one will care Home users who Read the rest…

Posted by webreflection at 12:30 pm

3.5 rating from 46 votes