background preloader

Annyang! Easily add speech recognition to your site

Annyang! Easily add speech recognition to your site
Go ahead, try it… Say "Hello!" Annyang! Let's try something more interesting… Say "Show me cute kittens!" Say "Show me Arches National Park!" Now go wild. That's cool, but in the real world it's not all kittens and hello world. No problem, say "Show TPS report" How did you do that? Simple. What about more complicated commands? annyang understands commands with named variables, splats, and optional words. Use named variables for one word arguments in your command. Use splats to capture multi-word text at the end of your command (greedy). Use optional words or phrases to define a part of the command as optional. What about browser support? annyang plays nicely with all browsers, progressively enhancing browsers that support SpeechRecognition, while leaving users with older browsers unaffected. It looks like your browser doesn't support speech recognition. Please visit in a desktop browser like Chrome.

Related:  JS - jQueryUI IdeasUXJQUERY

Introduction To Polygonal Modeling And Three.js Advertisement When the third dimension is introduced into an entertainment medium, it forever changes the way that medium is presented and consumed. The photorealism of the CGI dinosaurs in Jurassic Park opened the doors for film creators to use computers to create visual environments that never would have been possible otherwise. VeggieTales spawned a new type of cartoon, one that uses 3-D objects instead of drawings and which inspired the creation of everything from Pixar and Dreamworks blockbusters to Saturday morning cartoons. Computer software was greatly affected by this new trend in visual media. 3-D computer games such as Wolfenstein 3D, Quake and Doom reinvented PC gaming, and classic franchises that inspired a generation with their two-dimensional games, such as Super Mario Bros and Zelda, were being updated to 3-D in their subsequent titles.

Sketchnotes From UX Australia 2012 The UX Mastery team were in sunny Brisbane last week for the excellent UX Australia 2012 conference. We had a blast and returned home feeling better educated, inspired, and connected. We’ll write more about what we learned at the conference in a separate post, but in the meantime I thought I’d publish the sketchnotes of twelve of the sessions that I attended. Unfortunately, because the conference contained two tracks, I wasn’t able to attend every session (I’m devastated that I missed Stephen Cox’s talk in particular, as I’m told it was amazing). I’m looking forward to the audio and slides from each presentation being published online in a few weeks.

A/B Testing: The Complete Guide - Visual Website Optimizer Start here for What is A/B Testing? A/B testing (sometimes called split testing) is comparing two versions of a web page to see which one performs better. You compare two web pages by showing the two variants (let's call them A and B) to similar visitors at the same time. The one that gives a better conversion rate, wins! All websites on the web have a goal - a reason for them to exist.

jQuery Plugin – Increment ← jQuery Increment Plugin Inspired by this article on, I decided to release a plugin dedicated solely to quick keyboard-based manipulation of numeric values in HTML input fields. It’s called Increment. Simply assign the set of inputs you wish to attach this behavior to:$('input.hours').increment(); And let your fingers do the walking: use the up arrow to increment values, down arrow to decrement. Hold down shift for greater increments (maxIncrement), Ctrl/Cmd for smaller ones (minIncrement). Use Cases: Time sheet applications (how I came to develop this), Order / Requisition forms, anywhere multiple numeric form inputs are needed.

Guggenheim.js Here is a demo for the Guggenheim.js gallery plugin. Use the controls at the bottom to manipulate the gallery. Gallery Order TechEmpower eHarmony Marriage Matching Subscription Site TechEmpower was eHarmony's acting-CTO and sole development team for its first four years. Initially, we were brought in to help figure out how to turn their concept for using psychographic models for marriage matching into a site that would scale to millions of potential users. We also helped eHarmony with all the other important aspects like subscription models, marketing spend analysis, conversion tracking, custom user-to-user communication, and other key functional elements. We helped eHarmony scale from a few hundred early-adopters through to millions of users.

Guidelines for Building Touch-friendly Sites - IEBlog In Windows 8 Consumer Preview, IE10 enables fast and fluid multi-touch experiences on the Web. Most sites work fine with touch in IE10 with no changes to the site. This post provides four simple guidelines to ensure your customers who use touch can most effectively use your site. We’ve written before about how new input devices and touch screens make the Web more fun, interactive, and immersive. We’ve also talked about the importance of ensuring a no compromise browsing experience in IE10 so the real Web works great with touch. Of the four guidelines below, the first two make sure touch users can access all of your site’s functionality.

Tabulous.js A jQuery tabs module for todays web! Documentation Tabulous.js can be used with any contents you choose in the tabs and it couldn't be more simpler to use. ..:: Getting Started Include the relevant files Trillenium Turn into A Retail Experience, Online Trillenium is a real retail experience, online. Top 20 Best jQuery Carousel Plugins Carousel elements will give your website’s visitors the ability to easily access multiple content items. Carousels are scrolling lists of items, displayed horizontally and they have dynamic effects. You are able to scroll back and forth and see the list of items. Carousel elements or effects are also used in creating sliders. These are great for portfolios, where you need to showcase lots of images, but they can be used for other types of websites too.

Native equivalents of jQuery functions Update: many people have asked about browser compatability for the native methods I’ve shown. Here are the links to that information: querySelector/querySelectorAll, classList, getElementsByClassName, createDocumentFragment. If you checked out my last post you’ll know that I have been doing lots of JavaScript coding as of late, both inside and out of Brackets. I have also been doing a series of performance tests (1, 2, 3) between popular jQuery methods and their native DOM equivalents. Yes I know what you’re thinking.