vote up
0
vote down

Compress CSS and JavaScript Using PNGs and Canvas

Psst ... want to get an edge in a 10K competition? Craig discusses an interesting hack that encodes your CSS and JavaScript code into a compressed PNG image. Related PostsSquishing the Last Drops from Your PNGs 3 Great JavaScript & Canvas Examples
SitePoint
 
Craig Buckler
tags: javascript & css canvas compression contest
Sep 07 2010 11:24 PM
vote up
0
vote down

How to Create a Web-Based Drawing Application Using Canvas: New Premium Tutorial

Combining HTML with the all new <canvas> feature, you can make some pretty awesome web apps! In this Premium exclusive tutorial, we will create a neat interactive drawing application using HTML and JavaScript. Along the way, we’ll also learn the
Nettuts+
 
Alex Moore
tags: html & css javascript & ajax canvas drawing application
Sep 03 2010 10:50 PM
vote up
0
vote down

How to Create a Web-Based Drawing Application Using Canvas: New Premium Tutorial

Combining HTML with the all new <canvas> feature, you can make some pretty awesome web apps! In this Premium exclusive tutorial, we will create a neat interactive drawing application using HTML and JavaScript. Along the way, we’ll also learn the
Nettuts+
 
Alex Moore
tags: html & css javascript & ajax canvas drawing application
Sep 03 2010 06:44 PM
vote up
0
vote down

How to Create a Web-Based Drawing Application Using Canvas: New Premium Tutorial

Combining HTML with the all new <canvas> feature, you can make some pretty awesome web apps! In this Premium exclusive tutorial, we will create a neat interactive drawing application using HTML and JavaScript. Along the way, we’ll also learn the
Nettuts+
 
Alex Moore
tags: html & css javascript & ajax canvas drawing application
Sep 03 2010 04:51 PM
vote up
0
vote down

How to Create a Web-Based Drawing Application Using Canvas: New Premium Tutorial

Combining HTML with the all new <canvas> feature, you can make some pretty awesome web apps! In this Premium exclusive tutorial, we will create a neat interactive drawing application using HTML and JavaScript. Along the way, we’ll also learn the
Nettuts+
 
Alex Moore
tags: html & css javascript & ajax canvas drawing application
Sep 03 2010 04:51 PM
vote up
0
vote down

How to Create a Web-Based Drawing Application Using Canvas: New Premium Tutorial

Combining HTML with the all new <canvas> feature, you can make some pretty awesome web apps! In this Premium exclusive tutorial, we will create a neat interactive drawing application using HTML and JavaScript. Along the way, we’ll also learn the
Nettuts+
 
Alex Moore
tags: html & css javascript & ajax canvas drawing application
Sep 03 2010 04:51 PM
vote up
0
vote down

How to Create a Web-Based Drawing Application Using Canvas: New Premium Tutorial

Combining HTML with the all new <canvas> feature, you can make some pretty awesome web apps! In this Premium exclusive tutorial, we will create a neat interactive drawing application using HTML and JavaScript. Along the way, we’ll also learn the
Nettuts+
 
Alex Moore
tags: html & css javascript & ajax canvas drawing application
Sep 03 2010 04:51 PM
vote up
0
vote down

How to Create a Web-Based Drawing Application Using Canvas: New Premium Tutorial

Combining HTML with the all new <canvas> feature, you can make some pretty awesome web apps! In this Premium exclusive tutorial, we will create a neat interactive drawing application using HTML and JavaScript. Along the way, we’ll also learn the
Nettuts+
 
Alex Moore
tags: html & css javascript & ajax canvas drawing application
Sep 03 2010 04:51 PM
vote up
0
vote down

S5

The Css Awards Blog
 
admin
tags: awards audio canvas css3
Sep 02 2010 04:43 AM
vote up
0
vote down

21 Ridiculously Impressive HTML5 Canvas Experiments

HTML5 is the thing to talk about these day. Today, we have a collection of some ridiculously impressive HTML5 canvas-based experiments that will make you say, “Wow!” Let’s take a peek at some of the latest, cutting edge examples out
Nettuts+
 
Abhin Sharma
tags: web roundups canvas html5
Sep 02 2010 01:20 AM
vote up
0
vote down

21 Ridiculously Impressive HTML5 Canvas Experiments

HTML5 is the thing to talk about these day. Today, we have a collection of some ridiculously impressive HTML5 canvas-based experiments that will make you say, “Wow!” Let’s take a peek at some of the latest, cutting edge examples out
Nettuts+
 
Abhin Sharma
tags: web roundups canvas html5
Sep 01 2010 11:15 PM
vote up
0
vote down

Design 3D Models in a Browser

Perfect for a Monday is a cool 3D model editor built using the Canvas tag and created by Jayesh Salvi:
Ajaxian » Front Page
 
Brad Neuberg
tags: 3d canvas front page
Aug 31 2010 03:56 AM
vote up
0
vote down

View Source Tutorial: Content Site Using HTML5 Canvas + CSS3

Ajaxian » Front Page
 
Brad Neuberg
tags: canvas front page tutorial view source
Aug 31 2010 01:19 AM
vote up
0
vote down

Real World Canvas Tips from Hakim El Hattab

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
Ajaxian » Front Page
 
Brad Neuberg
tags: canvas front page
Aug 26 2010 01:00 AM
vote up
0
vote down

Dynamic favicons

Google Calendar released a new favicon which prompted a few mentions from friends on Twitter. The first, probably more important was from Cennydd: New Google Calendar icon most un-Googley. I like it. Then Danny pitched in with: I see Google Calendar has
remy sharp's b:log
 
Remy Sharp
tags: code canvas html5 javascript
Aug 25 2010 07:33 AM
vote up
0
vote down

Want to pack JS and CSS really well? Convert it to a PNG and unpack it via Canvas

Jacob Seidelin of nihilogic fame (remember his Super Mario in JavaScript solution) is one of my unsung heroes of JavaScript. His solutions have that Dean Edwards "genius bordering on the bat-sh*t-crazy" touch that make you shake your head in disbelief
Ajaxian » Front Page
 
Chris Heilmann
tags: canvas front page performance html5
Aug 23 2010 10:35 AM
vote up
0
vote down

JavaScript Gameboy Emulator: Memory and GPU

Jack Vaughn posted on Ajaxian recently about a new blog series on building a Gameboy emulator using JavaScript. Now Parts II and III have been posted in the series: Part 1: The CPU Part 2: Memory Part 3: GPU Timings In the Memory section, Imran Nazar
Ajaxian » Front Page
 
Brad Neuberg
tags: canvas front page tutorial
Aug 19 2010 02:00 AM
vote up
0
vote down

What can YOU do with a kilobyte of JavaScript?

Louis spotlights the new JS1k coding competition, and has a look at a few of the more interesting entries so far. Related PostsServer-side JavaScript Will Be as Common as PHPJavascript and SecurityImplementing Event Latency in JavaScript
SitePoint
 
Louis Simoneau
tags: web tech canvas contest javascript
Aug 10 2010 09:59 PM
vote up
0
vote down

Five Web Sites Making Great Use of New HTML5 Features

HTML5 is here to stay!
tripwire magazine» tripwire magazine
 
alexi
tags: html canvas doctype form
Aug 01 2010 03:44 PM
vote up
0
vote down

Canto.js: An Improved Canvas API

Javascript author extraordinaire David Flanagan released Canto.js recently, a lightweight wrapper API for canvas, introduced here and documented at the top of the source code. Example: PLAIN TEXT JAVASCRIPT:
Ajaxian » Front Page
 
Michael Mahemoff
tags: canvas front page javascript library
Jul 29 2010 08:09 PM
vote up
0
vote down

Canvas Color Cycling

Interest in Canvas, as well as mobile apps, has led to a renaissance of old-school 8-bit graphics. Joe Huckaby of Effect Games has been playing around with color cycling, leading to some stunning effects. Anyone remember Color cycling from the 90s? This
Ajaxian » Front Page
 
Michael Mahemoff
tags: canvas front page games graphics
Jul 27 2010 05:19 PM
vote up
0
vote down

Processing.js : Looking at the setup and draw functions

About a week ago I wrote an article that serves as an introduction to the Processing.js library. I had an overwhelming response to the article and wish to thank everyone for their comments and questions. In that post I also mentioned that, that article
Expansive Derivation
 
Schalk
tags: articles javascript canvas how-to
Jul 18 2010 01:52 PM
vote up
0
vote down

Beating Quick Sort - Cartesian Tree Merge

After looking at skew heap, merge sort and Cartesian tree, I figured there has to be a way to combine all three. My idea is to start with a cartesian tree, take its root as the first element and then merge its leafs in a way that skews them to the right.
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jul 08 2010 12:13 PM
vote up
0
vote down

Getting Started With Processing.js

HTML5 is probably the biggest news that hit the web developer community since Ajax. One of the most exiting elements, when last did we get so excited over a single element, would be the canvas element. I am not going to go into what canvas is and
Expansive Derivation
 
Schalk
tags: articles javascript tutorials canvas
Jul 07 2010 06:55 AM
vote up
0
vote down

Canvas vs SVG: How to Choose the Right Format

Canvas and SVG appear to be similar technologies and can achieve the same results. Craig discusses their differences and suggests situations when they could be used. Related PostsCanvas for IE with VMLCanvas is Coming to IE9SVG-Edit Online Vector
SitePoint
 
Craig Buckler
tags: web tech canvas svg
Jul 06 2010 08:40 PM
vote up
0
vote down

Canvas is Coming to IE9

Microsoft has confirmed HTML5 canvas support for IE9. Craig discusses why he's pleased by the announcement. Related PostsIs SVG Finally Coming to Internet Explorer?Canvas for IE with VMLReally? IE9 100% Compatible with HTML5?
SitePoint
 
Craig Buckler
tags: web tech canvas html5
Jun 29 2010 01:55 PM
vote up
0
vote down

Cartesian Tree Sort - Skew Heap

Since any heap tree, including Cartesian trees, degrade into sorted linked list when they are fully unbalanced it makes sense to try and unbalance the Cartesian tree. It turns out that a Skew heap works great for this. The following Cartesian skew tree
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jun 28 2010 09:07 PM
vote up
0
vote down

Internet Explorer 9 Videos on Channel 9

By now, you’ve probably seen my article covering the new, faster, even more standards-compliant Platform Preview 3 of Internet Explorer 9. From hardware acceleration to a speed-boosted JavaScript engine with support for new ECMAScript 5 language features
Global Nerdy
 
Joey deVilla
tags: software and services browsers canvas ecmascript
Jun 27 2010 09:24 PM
vote up
0
vote down

Cartesian Tree Sort - Revisited

Thinking about Cartesian tree sort some more it seems logical to also use the Cartesian tree as the priority queue since it is already a heap. Performance appears to be the same without the extra memory requirement of an external priority
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jun 25 2010 09:28 PM
vote up
0
vote down

Cartesian Tree Sort

Cartesian tree sort solves heap sort's problem of not taking advantage of partially sorted data by building a Cartesian tree. This tree is then traversed pre-prder inserting nodes into a priority queue. The nodes are removed from the priority queue as
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jun 25 2010 06:53 AM
vote up
0
vote down

IE9’s Hardware-Accelerated Canvas in Action

As announced in yesterday’s posting, Platform Preview 3 of Internet Explorer 9 is out, and it’s faster than snakes on ice. Some of the credit goes to “Chakra”, the new JavaScript engine, and some of it goes to IE9’s hardware acceleration, which bypasses
Global Nerdy
 
Joey deVilla
tags: programming software and services canvas ie9
Jun 24 2010 06:37 PM
vote up
0
vote down

IE9 supports Canvas…. hardware accelerated!

Huge news. My canvas crusade is done. IE9 is supporting canvas, and it is hardware accelerated, in the third preview release: With the third platform preview, we introduce support for the HTML5 Canvas element. As you know our approach for standards
Ajaxian » Front Page
 
Dion Almaer
tags: browsers canvas front page ie
Jun 24 2010 02:05 AM
vote up
0
vote down

Insertion Sort

Insertion sort works by iterating over a list once starting from the left. It looks at each element and the previous element swapping them if they are out of order and it keeps swapping the same element, moving it left, until the comparison is correct or
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jun 22 2010 02:35 AM
vote up
0
vote down

Liquid Particles

Sit back and enjoy: The bulk of the code is just: PLAIN TEXT JAVASCRIPT: function run() {         ctx.globalCompositeOperation = "source-over";         ctx.fillStyle = "rgba(8,8,12,.65)";    
Ajaxian » Front Page
 
Dion Almaer
tags: canvas front page fun
Jun 11 2010 11:24 AM
vote up
0
vote down

Priority Queue & Heap Sort

A heap implementation of priority queue is very similar to heap sort and can easily be turned into one. The difference implementation wise is that the queue doesn't know the final heap size so it has to build the heap from the ground up. This requires
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jun 11 2010 09:19 AM
vote up
0
vote down

Heap Sort

Heap sort is similar to selection sort but instead of scanning the entire list for the minimal value it uses a heap to select the minimal value. There is an added step of rebuilding the heap every time the minimal value is removed. Heap sort's worst-case
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jun 10 2010 04:12 AM
vote up
0
vote down

Selection Sort

The next set of sorts are based on selection sort. Selection sort works by finding the minimal value in a list and swapping it with the first position. This is repeated with the remainder of the list swapping the next minimal value with the second
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jun 09 2010 03:59 AM
vote up
0
vote down

3 Great JavaScript & Canvas Games Examples

Developers are embracing the power of the canvas tag to create complex graphical games and demonstrations. Craig lists three of the best. Related PostsPlay Classic Arcade Games for Free at Atari.comCanvas for IE with VMLCan’t You See I’m Busy
SitePoint
 
Craig Buckler
tags: javascript & css canvas games javascript
Jun 06 2010 01:23 PM
vote up
0
vote down

Quick Sort

Quick sort is a classic divide and conquer algorithm. It works by picking a pivot element and dividing the list into two sub list based on if the elements are less than or grater than the pivot element. This is repeated with new pivots in the smaller
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jun 05 2010 04:22 AM
vote up
0
vote down

Gnome Sort

Gnome sort works by stepping forward in the list if two elements are in order. If they are out of order it swaps them and steps back. This behavior emulates insertion sort but with many swaps. Wikipedia on Gnome sort.algorithms.sort.gnome =
Intrinsic Programming by Erik Schulz
 
tags: javascript html5 canvas sort
Jun 04 2010 05:29 AM