The Awesome New Technology That You’ll See On The Web This Year

The Awesome New Technology That You’ll See On The Web This Year

The web becomes more and more capable each day, finding ways to replace what you do on your desktop. In the very near future you’ll talk to your web apps, enjoy complex animation without the drain of Flash, and maybe even plug in your guitar. These features and more already exist, and they’re coming to the broad internet this year.

Title image remixed from an original by Ralph Bijker

Thanks to the quick iteration of browsers such as Chrome and Firefox, what developers can easily accomplish with their sites grows by the day. At Google I/O last week, I sat in on Google engineer Eric Bidelman‘s session The More Awesome Web (you can view the presentation here) and learned about what we can expect from web developers — and what we as web developers can do ourselves — with the latest features of HTML5, CSS and JavaScript. Even if you’re not a developer, what’s up next for the web is pretty exciting. Here’s a look at some of the coolest features you’ll see in web apps this year.

Note: Not all browsers currently support the technologies discussed in this post, so you may need Chromium to try out any linked examples.

Plug Your Guitar into a Web Site

Audio processing on the web is kind of mind-blowing. Developers can now detect pitch — which could lead to web-based pitch correction/auto-tuning — and add effects to live or recorded audio (e.g. vocoders). You can even plug your guitar into a web site and add effects. The web audio API can also do simple things like record audio notes. What once took an app now takes a tiny amount of code written for the web.

Automatically Translate Your Speech

For example, what if you could say something in English and see it translated into Spanish, French, Italian or a variety of other languages on the fly? You can. With access to the speech recognition API, developers can take what you say and use that text for a variety of purposes. Running that text through a translation service is just one of them.

Easily Share Your Screen

Chromiumtry it now

Enjoy Live-Rendered Animations

SVG formatXMLclipping pathspretty cool effects

The Future

These are just the highlights. Smaller, less flashy improvements are on the way as well and new technologies will likely surface in the latter half of 2013. The web is growing in awesome, incredible ways this year. As the years progress, we’ll be doing even more than we expected in our browsers.


Log in to comment on this story!