Modern browsers like Internet Explorer 10 are implementing stable versions of some interesting HTML5 features, including offline application programming interfaces (API), drag and drop, and file API. These features are bringing us to a new era of web applications and fresh, quickly emerging gaming scenarios. In this two-part article, you'll see how you can use these new features to modernize the HTML5 game, HTML5 Platformer. Hopefully you’ll get some great new ideas for your own games!
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 approach, now is a good time to start thinking about it. This article explains how you can do this in a few steps below by writing code that works well in all modern browsers
HTML5 browsers and HTML5 for Windows 8 metro style apps are now serious candidates for developing modern games. With the canvas, you have access to a hardware accelerated space where you can draw the content of your game and with some tips and tricks you will be able to achieve a splendid 60 frame per second render. This notion of fluidity is really important in games because the smoother the game is the better the feeling of the player is. The goal of this article is to give you some keys on how to get the maximum power from HTML 5 canvas.
Powered by HTML5 and CSS3, this hardware-accelerated experience seeks to evolve the way fans and movies interact with one another. Developed in partnership with Internet Explorer and Lionsgate, and the Digital Agencies at Ignition Interactive and The Nerdery, The Capitol Tour is a glimpse into the universe of the Hunger Games. Here you’ll find a technical tear down that digs into the technologies underlying the experience, sandbox where you can explore a few of the prototypes that went into The Capitol Tour, and some links to resources for getting started and digging into HTML5 programming.
In this article we continue our journey into the world of shadows with a focus on the text shadow. In a previous article, "Mastering CSS3: Box Shadows", we explored the basics of using the box-shadow property which actually work in a similar way to the text shadow. So if you are already familiar with the box-shadow you will easily understand the basics of the text-shadows art.
In this article, you will start studing the art of mastering shadows with the new CSS3 modules. There are two types: box-shadow and text-shadow, defined respectively in the modules CSS3 Backgrounds and Borders and CSS3 Text. Both box and text work in a similar manner - actually the difinition of text-shadow is written pointing to the definition of box-shadow with some exclusions.
Cut the Rope is an immediate favorite for anyone who plays it. It’s as fun as it is adorable. So we had an idea: let’s make this great game available to an even bigger audience by offering it on the web using the power of HTML5. To do this, Microsoft’s Internet Explorer team partnered with ZeptoLab (the creators of the game) and the specialists at Pixel Lab to bring Cut the Rope to life in a browser. The end result is an authentic translation of the game for the web, showcasing some of the best that HTML5 has to offer: canvas-rendered graphics, browser-based audio and video, CSS3 styling and the personality of WOFF fonts.
A good-looking application must provide user with visual feedback. Users must always know that an order (a click, a tap or whatever) is well received and understood by the application and animations are a great tool to do so. The new HTML 5 specification (to be honest, I should say “the new CSS 3 specification”) introduces a great tool to handle simple animations: the transitions.
Today’s HTML5 applications can provide awesome experiences thanks to the new CSS3 specifications. One of them is CSS3 Animations. It can help you building rich animations on HTML elements. This can provide interesting feedbacks to the users and enables fast & fluid UIs. As those new animations are most of time hardware accelerated by the GPU, they definitely raise up the quality bar of the new generation of HTML5 applications.
It all started with Responsive Web Design, an article by Ethan Marcotte on A List Apart. Essentially, the article proposed addressing the ever-changing landscape of devices, browsers, screen sizes and orientations by creating flexible, fluid and adaptive Web sites. Instead of responding to today’s needs for a desktop Web version adapted to the most common screen resolution, along with a particular mobile version (often specific to a single mobile device), the idea is to approach the issue the other way around: use flexible and fluid layouts that adapt to almost any screen.
Building fast and functional sites is a challenge with which most Web developers are familiar. Loading a new page every time the user clicks a link is slow. Fetching all content dynamically effectively disables the back button. Working with hashes is better, but still not ideal. Internet Explorer 10 in the Windows Developer Preview eliminates the compromise by adding support for HTML5 History. The pushState, replaceState, and popstate APIs provide fine-grained control over the behavior of the back button and the URL presented to the user for dynamic content. Together these APIs help you improve the performance of your site without sacrificing usability.
Richard Bagdonas fell in love with technology at an early age. He has also been an entrepreneur as long as he can remember, with no fewer than a dozen start-ups under his belt despite the fact that he's only in his mid-30s. Having migrated his stable of web applications to the cloud, Richard now finds himself with more time to focus on what's important: enhancing his applications, thinking strategically about new opportunities in the marketplace, and living the life he always dreamed of as a self-employed “entreveloper.”
As smartphones become an ever increasing part of everyday life, personal fitness is being revolutionized by mobile technology. Runtastic, an Austrian mobile application developer, is defining the future of how we use technology to exercise and train. In this behind the scenes look, we learn how Runtastic works with world-class athletes to build the next generation of personal fitness apps on devices like Windows Phone 7, and what their vision for the future of personal sports.
When you write casual games using the HTML5 Canvas element, you need a way to handle your sprites. In this tutorial, David Rousset, developer evangelist at Microsoft, uses EaselJS (used to write PiratesLoveDaisies a great HTML5 Tower Defense game) to show you how to use your existing sprite elements and animate them.
Over the years, the web has increasingly transformed from being a repository of content to a marketplace of full-fledged functional apps. I'll review a technology that solves an important piece of the application puzzle - managing storage and retrieval of user-specific data on the client side called "IndexedDB."
One of the features the Pinned Site API provides is the notion of notifications that can allow developers to provide alerts to end users. The functionality allows you to dynamically insert custom overlay icons that can alert users when an important bit of information is available. These overlay icons are rendered over the favicon that is pinned to the taskbar.
Soundtracker is a phone app that classifies itself as "geosocial internet radio" which is an awesome way of describing an app that lets you discover and share music with your friends, play what's hot in your neighborhood, city, and around the world. Check out this interview with Daniele, the founder and see what inspired him to come up with SoundTracker.
OK, very cool idea here with WePlay.fm. Basically you're a want-to-be DJ, bass guitarist, vocalist, producer, fan, or whatever, you just want to be in the music world but can't seem to get all the parts to come together. That's where WePlay.fm comes in Created by a bunch of musicians who know the frustrations following this particular passion created an app that basically lets you crowd source all the resources need to get your band up and running.
Trading hard copy comic books may still be a mainstream to share one's passion for the unique literary form but GraphicaLY has come up with a great way for comic admirers and aficionados to share, comment and discuss their favorites right down to the comic frame level. Listen to Micah Baldwin discuss his respect and contribution to the popular medium.
Camillo Telles Pereira Santos has tried many occupations during his career but the one that he “fell” into is giving him his greatest joy and making him quickly learn about many facets of running a business that you just don’t anticipate when your developing apps. Camillo Started Something with Zetks Mobile, an app that lets you purchase and gain entry to some of Brazil’s biggest shows on your mobile including iPod, Android, and Windows Phone 7.
Billed as personal robot, Alfred's (the app formerly known as eymour' as described in this video) goal is to make sure you never miss places you'll love. Teach him about your favorite places and he'll find your new favorites in your city when you travel. Seymour, ooops, Alfred is available on iPhone, Windows Phone 7 and Android.
Windows development is a broad term for the process of writing software that will run on standard computers including your desktop, laptop, or general purpose computer. The software being developed could be system software to help your operating system or application software. Application software is designed to perform a single or a related set of tasks, and includes things like games, word processors, and customized applications for enterprises.
Get the tools and learn how to develop Windows apps at the Windows dev center.
Windows Phone development is similar to desktop development - with caveats. Phones do not have the memory or performance of their desktop counterparts. To simplify development, many developers initially run, debug, and test their applications in a software version of the phone - also known as an emulator. This enables the creation of your application in a standard, familiar environment, and can be deployed onto a phone when ready to use.
Get the tools and learn how to develop Windows Phone apps in the Windows Phone App Hub.
In cloud computing, virtual machines run in large data centers and replace physical PCs and servers. By aggregating the computing needs of many users within a single center, economies of scale are achieved that result in significant benefits such as lower power utilization, simpler setup and maintenance, and easier upgrades to capacity and performance. Many applications can run unchanged as you redeploy them from local desktops or servers to the cloud.
Get the tools and learn how to develop Cloud apps in the Cloud Development Hub.
Get the tools and learn how to develop Web apps in the ASP.NET website.