Web Component wrapper to the Web Speech API, that allows you to do voice recognition (speech to text) and speech synthesis (text to speech) using Polymer. Really nifty! Thanks to Polymer you’ll be provided with two extra elements you can use: <voice-player> for text to speech and <voice-recognition> for speech to text <– text to …
Tag Archives: link
WebIDE – In-browser editing for Firefox
WebIDE helps you create, edit, and test a new Web application right from your browser. It lets you install and test apps on Firefox OS devices and simulators and integrates the Firefox Developer Tools for seamless debugging and inspection across those devices. This is a first step towards debugging across various platforms and devices over …
SideComments.js
color: rebeccapurple;
From now on, rebeccapurple means #663399. A great tribute to a great man and his daughter who was passed away at the age of just six. Every time Eric blogged about Rebecca’s condition and how it changed over time it tore me into pieces. This is the right thing to do, just as #663399Becca was. …
Automatic Placement when using CSS Grid Layout
Web Animations now in Chrome
snowFlake.animate([ {transform: ‘translate(‘ + snowLeft + ‘px, -100%)’}, {transform: ‘translate(‘ + snowLeft + ‘px, ‘ + window.innerHeight + ‘px)’} ], { duration: 1500, iterations: 10, delay: 300 }); Glad to see this one land 🙂 Web Animations – element.animate() is now in Chrome 36 → Related: Web Animations Preview Web Animations Polyfill
ngCordova – Cordova with the power of AngularJS
module.controller(‘PictureCtrl’, function($scope, $cordovaCamera) { $scope.takePicture = function() { $cordovaCamera.getPicture({ // See all the possible Camera options from the Camera docs [1]: /// https://github.com/apache/cordova-plugin-camera/blob/master/doc/index.md#cameraoptions }).then(function(imageData) { // Success! Image data is here }, function(err) { // An error occured. Show a message to the user }); } }); ngCordova is a set of AngularJS extensions on …
Continue reading “ngCordova – Cordova with the power of AngularJS”
Angular Classy – Cleaner class-based controllers for AngularJS
Using Encapsulation for Semantic Markup
UPDATE: This demo no longer works as createShadowRoot got replaced with attachShadow + shadow roots can only be created on a limited set of elements nowadays. See the Pen A Pen by chrismichaelscott on CodePen. As designers, we may want to style something in a certain way, but sometimes end up having to go to …
Client feedback on the creation of earth
Hi God, Thanks so much for the latest round of work. Really coming together. Few points of feedback: 1 – Really liking the whole light thing but not totally sure about the naming system. “Day” and “night” are OK but we feel like there’s more we can do here. Thoughts? Definitely need to nail this …