The Atari Arcade: a true game portal showcasing what’s possible with web standards like HTML5, CSS3, and JavaScript. Slick graphics, fast, multi-player gameplay, and platform agnostic. Initially only targeting desktop and tablet-based browsers, we’ve now endeavored to bring the arcade to mobile.

This is a tutorial on how to write a compiler which generates JavaScript as its target language, and maintains line and column meta-data in source maps for debugging. Storing line and column coordinates in a source map allows the end-user of the compiler to debug the source code that they wrote, rather than the ugly, generated JavaScript they are not familiar with.

Responsive web design is able to convey an optimized website experience to your viewer right from larger-screen monitors to Smartphone. The need of the hour for web designs is to go responsive so as to make it possible for its users to view the website on all sorts of gadgets with no difficulty. Now, let’s undertake the advantages and disadvantages for making such a decision for your own site to help narrow your assessment.

<

blockquote>A common feature that you will across in websites is the ability to resize an image to fit an exact size so that it will displayed correctly on your design. If you have a very large image and you are going to place it on your website in a space that is only 100px x 100px then you will want to be able to resize this image to fit in the space./blockquote>

Smartphones and tablets have very different requirements than traditional web design. Which, if not designed for correctly, can create problems that range from restricted content and unplayable videos, to faulty URLs and slow load speed. Learn about the common mistakes, and how to avoid them.

Yesterday at GoogleIO, Google announced Android Studio, a new development environment for authoring Android applications. This is a great looking new IDE for Android, based off of IntelliJ IDEA, with some new Android-specific tools and features. You can read more about Android Studio on the Google Android Developers blog.

The problem with most CSS3 based breadcrumbs is that they use border based triangles for the arrows which is awful because:

The following is a guest post by Alessandro Vendruscolo. Media queries are relevant to both CSS and JS. The need and desire to manage those in one place is real. There have been some clever ways to do this, like Jeremy Keith's Conditional CSS. But in that case, the onus is on you to test after window state changes. You can get a true listener with MediaQueryList, but then you're maintaining the media queries in both places again. Ah well, I'll let Alessandro explain.

A recent survey by Google of 1,500 smartphone shoppers (i.e. smartphone users who used their devices for shopping purposes) in the US, found the majority preferred to use mobile Web above mobile apps when researching products and prices in-store.

Paul Bakaus, W3C AC representative for Zynga and creator of jQuery UI, has rubbished so-called 'HTML5 performance issues'.