Did you know? DZone has great portals for Python, Cloud, NoSQL, and HTML5!
  • submit to reddit
John Esposito02/22/12
192 views
0 replies

Flying Through Paths: MissileGame in SVG..But No curveto Explosions Yet?

Ben Mather has created an impressive SVG port of Damien Clarke's old (Flash) Missile Game 3D, flying high with Kevin Lindsey's 2D geometry library and coding some careful (and some tantalizingly commented-out) SVG.

John Esposito02/22/12
330 views
0 replies

Analysis: HTML5 on Mobile

Last week FierceDeveloper's Peggy Albright posted an interesting discussion of recent Evans Data surveys on HTML5 adoption by mobile developers. This article summarizes her results, and re-opens the conversation on where the mobile development world falls on the road to 'write once, run anywhere' nirvana.

Chris Smith02/22/12
314 views
0 replies

HTML5 To Get Translate Attribute, Bring World Closer Together

W3C announced recently that HTML5 would receive a translate attribute with the hopes of establishing an industry standard.

John Esposito02/21/12
758 views
0 replies

Save Bandwidth, Be Responsive! The New Responsive Images Community Group at W3C

Earlier this month a post appeared on the whatwg discussion list, proposing a pie-in-the-sky-ish modification to (presumably HTTP, or maybe SPDY) standards: 'let browsers report device capabilities in a request header'. The proposal touched off a huge, passionate discussion, whose end result was: the new W3C Responsive Images Community Group.

Andrey Prikaznov02/21/12
798 views
0 replies

Pure CSS3 Accordion

Site navigation with an accordion widget? Yes, it's efficient, and jQuery can do it easily; but can you do it with CSS3 alone? Yes, of course; and here's how, with full code.

Daniel Mohl02/20/12
877 views
0 replies

Fast Site Testing with ExpectThat using CoffeeScript, Zombie, Mocha, and Node

Isolated testing lets you quickly find and correct particular problems, but does a poor job locating site-wide and integration errors. For end-to-end functionality testing, Zombie.js makes quick checks easy -- and, besides, lets Daniel Mohl use his very own ExpectThat project, a CoffeeScript library for writing expressive, self-documenting unit tests. In this post Daniel explains exactly how to use ExpectThat with Zombie.js, with a simple code example.

Andrey Prikaznov02/20/12
1970 views
0 replies

Using HTML5 to Create Charts and Graphs

Andrey Prikaznov recently found an interesting library - flotr2L an open source library for drawing HTML5 charts and graphs that allows you to draw charts as: lines, bars, candles, pies, or bubbles. Andrey provides a step by step process for implementing this library.

Dhananjay Kumar02/20/12
2002 views
0 replies

Introduction to Kendo UI

Dhananjay Kumar introduces Kendo UI, an HTML5 and JQuery framework for modern web applications. Includes installation and configuration instructions, implementations of some simple widgets, and sample code. First in a series on web development using Kendo UI.

Robert Diana02/20/12
4010 views
0 replies

Web and Scripting Programming Language Job Trends: February 2012

Rob Diana presents his detailed survey of recent job trends (based on indeed.com and simplyhired.com) for Ruby, Python, PHP, JavaScript, Groovy, and Erlang.

Luis Sobrecueva02/19/12
6365 views
0 replies

Track a Moving Ball in Real Time using HTML5 and JavaScript

With regards to visual information from sporting events, Luis Sobrecueva realized something cool: most games are played on a grass surface; so items moving on the surface (ball, people) can be detected as less-green fields. So he tossed together a cool Canvas with some sweet JavaScript that looks for the ungreen, and stitches the ungreen together...

Krzysztof Kotowicz 02/18/12
896 views
0 replies

How chrome-extension:// Allows Fingerprinting using JavaScript

As browsers begin to handle more and more kinds of app, standards bodies and browser vendors work increasingly hard to maintain a high level of interoperability while keeping scheme boundaries safe against malicious code.

Axel Rauschmayer02/18/12
2364 views
0 replies

Transforming HTML with Node.js and jQuery

The npm module jsdom enables you to use jQuery to examine and transform HTML on Node.js. This post explains how.

John Esposito02/17/12
1135 views
0 replies

ECMAScript: Learn It Better and Preview Its Future

Recently I discovered the annotated and hyperlinked ES5 refererence, which is pretty cool in itself. But it's still massive enough that a dynamic interface would improve readability considerably, and a new project to dynam-ify the document might take a big step in that direction. Meanwhile, Chrome just made some new ECMAScript features available in its dev channel, which anyone interested in ECMAScript.next might want to check out.

John Esposito02/17/12
1176 views
0 replies

Video: Moving from Adobe Flex to HTML5 and Sencha

To ease the transition from Flex to HTML5, Ted Patrick, head of Sencha developer relations, held a weighty 72-minute webinar earlier this week. The video is now available online, and treats both desktop and mobile development using Sencha Touch (for mobile) and Ext.js (for desktop).

Terrence Ryan02/16/12
753 views
0 replies

Inception Score Easter Egg with Web Audio API

There's a great video on YouTube detailing an Easter Egg in the score for the movie Inception. Basically Inception is about dreams and the slowing down of time. Likewise the score is based on the slowing down of music that is played inside the plot of the movie. Pretty cool. But Terence Ryan added even more cool by using this concept to show off the Audio capabilities in HTML5.

Robert Nyman02/16/12
742 views
0 replies

Thoughts on the CSS Prefix Situation: Who's To Blame, and What To Do Now

Robert Nyman shares his thoughts on the CSS vendor prefixing problem and possible solutions. First, blaming one group in particular (developers, CSS WG, browser manufacturers) makes little sense -- and in any case the blame game is never very productive. Second, there are two possible solutions: evangelizing web developers, to make sure they use all vendor prefixes in their code (not just -webkit); or implementing the -webkit prefix in every browser, at least for a few prominently used features.

Matt Raible02/16/12
4462 views
0 replies

Comparing Web Frameworks and HTML5 with Play Scala at Jfokus 2012

Java developers don't always appreciate the pressures web developers face, and web developers (stereotypically) don't press their coding skills too hard. Matt Raible addressed both of these points in two presentations he gave at Jfokus 2012 -- one slideshow 'Comparing JVM Frameworks', another treating 'HTML5 with Play Scala, CoffeeScript, and Jade'.

John Esposito02/15/12
1754 views
0 replies

Real-Time for Everyone: Thoughts on WebRTC 1.0

The W3C Working Draft of WebRTC (Real-Time Communications) 1.0 was published last week, and the project's spectacular ambitions are intriguing everyone from telecom giants to web developers in love with JavaScript.

John Esposito02/15/12
960 views
0 replies

Rocket Your Real-Time Mobile Apps with Square's New WebSocket Library for Objective-C

If you're interested in real-time communication using the WebSocket API, and want to take full advantage of your (increasingly large set of) mobile users, check out SocketRocket, the new WebSocket library for Objective-C.

Terrence Ryan02/15/12
770 views
0 replies

Web Audio API: Setting playbackRate Correctly

Tried to use the audio tag to manipulate playback rate, but that didn't work at all. Delved into the Web Audio API, found some working code, checked out some documentation, and got playbackRate working. It's a simple little trick -- here's how.

John Esposito02/14/12
1070 views
0 replies

CSS Backgrounds and Borders Goes Last Call

Today the W3C advanced the spec for CSS Backgrounds and Borders Module Level 3 to Last Call status. This means that the WG is happy with the standard, and officially invites all web developers to test and critique the specification (though in reality the back-and-forth has been going on for some time).

John Esposito02/14/12
1012 views
0 replies

Video Series: HTML5 Web Camp, Silicon Valley

Recently Microsoft made available videos of several sessions at their latest HTML5 Web Camp in Silicon Valley. The series covers basics of HTML5 and CSS3, plus in-depth dives into the most popular features (Canvas, SVG, audio, and video). Even if you're already somewhat familiar with the standards, the videos gel nicely together. If you're just starting to try HTML5, these videos will serve as a free substitute for a full-fledged web camp.

John Esposito02/14/12
999 views
0 replies

How To Avoid Non-Standard CSS3 (And Make Great CSS Standard)

Quite a few web devs reeled and fired back against a recent CSS Working Group meeting that seriously considered admitting WebKit prefixes as part of the CSS spec. But how can you avoid accidentally using a WebKit-only prefix, while still implementing experimental but standard CSS3 for WebKit browsers? And more importantly, how can you make sure that awesome but non-standard CSS features eventually become part of the spec?

Andrey Prikaznov02/14/12
1524 views
0 replies

Create a Shiny and Bright CSS3 Menu Bar

In this tutorial we’ll create a beautiful multicolor, cross-browser CSS3 menu with sliding effects (using CSS3 transitions) and a pure CSS3 color switcher.

Axel Rauschmayer02/13/12
1094 views
0 replies

NaN and Infinity in JavaScript

Dr. Axel Rauschmayer looks at two special values that can be the result of operations that normally return numbers in JavaScript: NaN and Infinity.