There are several ways a website can be designed, and is done with the help of advanced technical and design tools, methodologies in addition some others. Professional designers have switched over from non-HTML technologies such as Adobe Flash to newest HTML5 capabilities best suiting to the modern browsers. In the tutorial "Importance of HTML5 in Website Designing", it has been stated that HTML5 is the revolution that the web needed. Whether you like it or not, it's going to be the future of website designing. Although HTML5 hasn't been fully adopted yet, it isn’t ha... Read More

A lot's being spoken these days about the capabilities of HTML5, CSS3 and JavaScript. In fact many have referred to the combination as a Flash-killer. In this article, Arpan Dhandhania from htmlgoodies.com talks about keyframes and animations, key areas where developers preferred Flash until now. However, given the new additions to open web standards, CSS3 now enables animations to a significant extent. Read this interesting article at http://www.htmlgoodies.com/html5/css/learn-css3-from-a-z-keyframe-and-animations.html#fbid=vjSKgdfJ2-v ... Read More

The day 0 was dedicated to creating the home page and setting up the connection with data.Today, you will focus on creating the missing screens and adding offline support.The wireframe of the complete application is like this:The complete solution can be found there: http://www.catuhe.com/msdn/urza/day1.zip The previous part (day 0) can be found there: http://blogs.msdn.com/b/eternalcoding/archive/2012/04/16/how-to-cook-a-complete-windows-8-application-with-html5-css3-and-javascript-in-a-week-day-0.aspx The expansion screenThe expansion screen is built upon a ListView which is used t... Read More

- Clip to Evernote and read it laterI’ve had the good fortune of working with my friend Jonathan Sampson recently on figuring out how to help developers build plugin-free experiences. With IE10 Metro going plugin-free, it’s incredibly important to document steps to help developers provide their users with great experiences without the need for proprietary 3rd party add-ons.If you’ve built a plug-in-free browsing experience for the iPad, a few changes will make it ready for the new IE10 plug-in-free experience on Windows 8. As more browsers adopt the plug-in-free ap... Read More

.gist-data { height: 300px;}Part 1: Sprite Fundamentals I’ve always loved web games; they’re just fun to make, easy to code (mostly), and there’s something really nice about how accessible a game is when the user just has to click a link to start playing.Ajax and moving dom elements around made for some fun, but limited in what kind of experience you could create. For game developers, things are changing, and quickly. HTML5 is introducing a bunch of new options for game development purely in the browser, and the browser vendors are competing hard to be the best ... Read More

The past year has seen wonderful growth in the popularity of 2D Canvas; it’s been great to see so many people getting comfortable with the 2D context. Canvas is almost synonomous with HTML5 gaming and supported in all modern browsers including Chrome, Firefox, and Internet Explorer 10 and 9.One thing that many people take for granted is the “bottom to top” canvas drawing order; putting down the background first, then objects in the middle of the scene, and finally drawing the foreground.It’s true that this is how canvas works by default, and there’s a s... Read More

Until recently, performance of browser-based games for mobile devices has lagged significantly behind desktop performance. If you wanted to create a Canvas-based mobile game, performance was terrible and you needed to build your game around the limitations of the platform. Developing a usable game meant using tricks like scaling up from very low resolutions or doing partial screen updates instead of full refreshes, meaning your game design was limited by the platform’s weaknesses rather than your creativity.Luckily, this has changed. Browser vendors are rapidly improving their ... Read More

.gist-data { height: 300px;} Efficient, realtime data transfer for modern web gamesWebSockets provide two-way realtime communication between a client and server, and thus are exceedingly useful in building modern web games. Browser-based games can profit from an always-on, low-latency connection by enabling the rapid transmission of information about player and global game state previously emulated by methods such as Ajax polling and Comet. It is useful to first look at the history of WebSockets and gain an understanding of how WebSockets work at a technical level before we examine ... Read More

.gist-data { height: 300px;}With the large number of varying screen resolutions available on today’s HTML5 gamingdevices, it is now advisable to give some consideration to incorporating vectorgraphics into your games.SVG, or Scalable Vector Graphics, is an open standard, XML-based format developedby the W3C for representing vector graphics. Using SVG files for HTML5 gamedevelopment is the main focus of this article.Vector GraphicsAdobe Flash developers have long enjoyed the ease with which they can createattractive and, somewhat more importantly for browser-based games, scalablevect... Read More

As Web sites transition more and more into Web applications, working with files in meaningful ways is becoming increasingly important. Starting with Platform Preview 2, IE10 includes support for the File API, enabling developers to read and slice files on the client. Platform Preview 4 adds support for BlobBuilder, a way for developers to create new files. IE10 also has two new methods that allow the user to save blobs to their computer, enabling great end-to-end experiences when working with client-resident data.Over on the IE Test Drive, we have a fun piano demo showing off... Read More