• flash ecard makerconvert web page to jpg

Archive for the ‘HTML5’ Category

Peppy Fast CSS 3 Compliant Selector Engine

Peppy is a lightning fast CSS 3 compliant selector engine with no external library dependencies. Peppy can be used along side other libraries seamlessly.

As it stands now Peppy is faster1 than all other major JavaScript libraries with DOM querying capabilities (Prototype, JQuery 1.2.6, MooTools 1.2.1, EXT 2.2, DoJo 1.2.0, YUI 2.6.0). It is faster2 than Sizzle by John Resig and it also is cross browser (IE included). You can take a look for yourselves by using SlickSpeed Selectors Test and download Peppy here.

If you are designing your own JavaScript library or want to replace your existing libraries selector engine then Peppy is an ideal candidate.

HTML5 real time data visualization chart HumbleFinance

HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on http://finance.google.com/. The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis.

This demo displays historical stock data for Google from their IPO to March 5th, 2010. This data was acquired through the Google Finance website.

You can mouse over the chart for additional data, as well as zoom and pan the charts using the grey bottons. For best results view with FireFox, Chrome, or Safari.

Lights Off – A puzzle game using HTML5 canvas

More and more HTML5 tutorials are popping up on the internet. Although it still is future talk, it’s still great to see what this upcoming web standard can do for us.

One of the most interesting new HTML5 elements, has to be <canvas>. This element allows the developer to draw anything using JavaScript. I’ve never played around with this element, but still wanted to experiment with it.

Therefor, www.marcofolio.net re-created Lights Off, one of the first native games for the iPhone, but now using HTML5 <canvas>.

puzzle game in html5

puzzle game in html5

HTML5 Boilerplate Professional HTML/CSS/JS Template

HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site.

After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

Boilerplate is not a framework, nor does it prescribe any philosophy of development, it’s just got some tricks to get your project off the ground quickly and right-footed.

Jo HTML5 Javascript Framework for Mobile Applications

Jo is HTML5 Javascript Framework for Mobile Applications.

  • A Pretty UI Widget Framework With a side of DOM, event and data stuff
  • Open Source Under a friendly OpenBSD License
  • Cross Platform webOS, iOS, Android, Symbian, Safari, Chrome, Dashboard Widgets (wait, what?)
  • Light and Efficient Minified JavaScript is just over 8K with no dependancies
  • Compatible with PhoneGap Plus most other JavaScript frameworks