Various sections of the site go here

Tuesday, February 9th, 2010

Think You Know Javascript? Try this Quiz!

Category: JavaScript

If you know you think you know your objects from your arrays and your null from your undefined, here’s a quiz for you from Perfection Kills. I was recently reminded about Dmitry Baranovsky’s Javascript test, when N. Zakas answered and explained it in a blog post. First time I saw those questions explained was by Read the rest…

Posted by Michael Mahemoff at 3:49 am

3.8 rating from 36 votes

Javascript ePub Readers

Category: eBooks, Showcase

eBooks have gone mainstream, and right now the open ePub format is getting a lot of attention, being the iPad’s book format of choice. Often overlooked in gadget-centric media is the fact that ePub is based on web standards, and therefore amenable to being rendered in the browser, sans plugins. Pure Javascript ePub readers are Read the rest…

Posted by Michael Mahemoff at 3:34 am
1 Comment

4.2 rating from 23 votes

Monday, February 8th, 2010

Pseudo 3D tricks from old computer games for all your Canvas needs

Category: Canvas, Fun, Games, JavaScript

It is quite interesting to see how technology moves in circles. With canvas being the new fun toy to play with for creating browser-based games we have to find solutions to fake a 3D environment to be really fast (sure there is Canvas 3D but it is overkill for most games). The trick is to Read the rest…

Posted by Chris Heilmann at 7:04 am

4.3 rating from 29 votes

Román Cortés and Ajaxian make up with amazing CSS demos

Category: Announcements, CSS

We have been long term fans of Román and the fantastic demos and samples that he puts together, usually involving CSS goodness. We messed up the other week though when we linked to his work on a scrolling coke can. I do these postings as a labor of love, and since Ajaxian isn’t my day Read the rest…

Posted by Dion Almaer at 6:52 am

4.3 rating from 45 votes

Sunday, February 7th, 2010

Mozilla Labs’ Weave can become a platform for us

Category: Mozilla, Server

Mozilla Labs has released the magical 1.0 version of Weave and the doors are now open for developers. When I was a part of Mozilla Labs day to day, I always loved the vision and team behind Weave. I kept wanting the implementation to match the vision, but it is a tough problem and it Read the rest…

Posted by Dion Almaer at 12:08 pm

3.4 rating from 14 votes

Friday, February 5th, 2010

AT AT Walking with CSS

Category: CSS, Examples

Anthony Calzadilla has a fun Friday example for us. He has a tutorial on how he animated an AT AT using CSS. He goes over the different areas and how he uses animation and transforms. For example, the head of the beast: < View plain text > css @-webkit-keyframes rotate-head{   0% {-webkit-transform:rotate(0deg) translate(0px,0px);}   Read the rest…

Posted by Dion Almaer at 6:17 am

3.3 rating from 27 votes

Thursday, February 4th, 2010

jsContract: Design by Contract library

Category: JavaScript

Fan of Eiffel or the design by contract pattern that it espouses? Øyvind Kinsey is, and he just created jsContract an alpha library to give you some pre and post condition abilities. Here is an example: < View plain text > javascript function _internalMethod(a, b){     Contract.expectNumber(a);     Contract.expectNumber(b);     Contract.expectWhen(config.mode === Read the rest…

Posted by Dion Almaer at 6:07 am

3.4 rating from 29 votes

Wednesday, February 3rd, 2010

User scripts becoming more portable with Greasemonkey support in Chrome

Aaron Boodman created Greasemonkey back in the day. He also worked on Gears. And most recently he created Chrome Extensions. I have a funny feeling that folks were pinging him daily “hey, when ya gunna give me Greasemonkey on Chrome” and he just delivered: One thing that got lost in the commotion of the extensions Read the rest…

Posted by Dion Almaer at 4:38 am

4 rating from 28 votes

Tuesday, February 2nd, 2010

LunaScript: A new language and platform to take your Web 2.0 apps to the moon?

Category: Announcements, Framework

A Googler and a Facebooker were in a pub discussing the complexities of building out a rich modern Web application. There are a ton of dependencies, and you need to be proficient in multiple languages and tools (JavaScript, HTML, CSS, SQL/NoSQL, backend languages, build tools, etc). Well, they may not have been in a pub…. Read the rest…

Posted by Dion Almaer at 9:46 am

2.8 rating from 84 votes

New Version of SVG-Edit

Category: Announcements, SVG

SVG-Edit is a nifty open source editing web app that uses SVG and doesn’t need a server-side: The SVG-Edit team recently announced SVG-Edit 2.4, code named Arbelos. New features include: – Raster Images – Group/Ungroup – Zoom – Layers – Curved Paths – UI Localization – Wireframe Mode – Change Background – Draggable Dialogs – Read the rest…

Posted by Brad Neuberg at 5:30 am

4.1 rating from 19 votes

Monday, February 1st, 2010

Google isn’t Evil. Flash isn’t Dead; Thank god the Open Web doesn’t have a single vendor

Category: Editorial

The following post is a reprint from my personal blog. It is editorial in nature and even delves into random politics. I apologise. You can deal with it though :) Steve Jobs didn’t hold back when talking about Google and Adobe. That is great. Life is so much more fun when people speak their mind. Read the rest…

Posted by Dion Almaer at 9:38 pm

3 rating from 24 votes

fullscreen API coming to browsers near you?

Category: Browsers

What can you do if you want to enable a fullscreen experience on the Web? You can’t. Or, use Flash. Some claim that you shouldn’t offer this ability as it is a security liability. Someone can put a fullscreen view that tricks the user into giving it information. However, as much as I think user Read the rest…

Posted by Dion Almaer at 6:26 am

3.2 rating from 30 votes

Friday, January 29th, 2010

Addmap.js – automatically analyse a text for geo locations and add a map

Category: Examples, Geo, Google, JavaScript, Mapping, Yahoo!

As part of an upcoming article on geo location I am putting together a few Geo Toys for myself and here is the first one. Addmap.js is a JavaScript that analyses an elements text content, finds geographical locations and links them to Google Maps. It also adds a map preview and a list of the Read the rest…

Posted by Chris Heilmann at 10:17 am
1 Comment

3.1 rating from 19 votes

Thursday, January 28th, 2010

Canvas Benchmark

Category: Browsers, Canvas, Performance

The crew has benchmarked a path in their canvas game. It is one data point, and tests more than just Canvas itself because a lot of code is running in the game. Thus, it ends up testing the union of a particular JavaScript path and the rendering of the canvas. Here are the results: Read the rest…

Posted by Dion Almaer at 6:09 am

4 rating from 30 votes

Wednesday, January 27th, 2010

Rolling a coke can around with pure CSS

Category: CSS, Showcase

Román Cortés is having a lot of fun with CSS tricks these days. He just built an example rolling CSS coke can that uses background-attachment, background-position, and a few other tricks to get the effect. No fancy CSS3 needed here! The key pieces used: < View plain text > css p {     background-image: Read the rest…

Posted by Dion Almaer at 6:33 am

4.7 rating from 160 votes

Tuesday, January 26th, 2010

JavaScript running on the GPU

I love programmers like Alex Miltsev. He won the Jetpack 0.5 content by prototyping access to the GPU from JavaScript! Alex’s work is an alpha-prototype that shows the feasibility of the project and it requires a custom build of Firefox to use — it’s not easy to demo. However, the code sample below shows how Read the rest…

Posted by Dion Almaer at 12:07 pm

4.6 rating from 29 votes