Mitchell McKenna - tagged with html5 http://mitchmckenna.com/feed en-us http://blogs.law.harvard.edu/tech/rss LifePress mitchellmckenna@gmail.com Plyr - A simple HTML5 media player http://mitchmckenna.com/post/15235/plyr-a-simple-html5-media-player

A simple HTML5 media player with custom controls and WebVTT captions.

]]>
Tue, 03 Mar 2015 15:35:00 -0500 http://mitchmckenna.com/post/15235/plyr-a-simple-html5-media-player/plyr-a-simple-html5-media-player
Chart.js - JS Library for HTML5 Charts http://mitchmckenna.com/post/14505/chartjs-js-library-for-html5-charts

There is a huge plethora of js charting libraries out there. I had used flot.js for Engadget's price graph, but it took some hackery to get it to work the way we wanted it to. This is a fairly newer one, that focuses on 6 of the most common charts and simplicity of use. There isn't currently any tooltips, but there is a pull request which does have them (and other features). There hadn't been much development on the repo for a while but the creator tweeted a WIP of responsive graphs with tooltips.

]]>
Fri, 20 Jun 2014 18:42:00 -0400 http://mitchmckenna.com/post/14505/chartjs-js-library-for-html5-charts/chartjs-js-library-for-html5-charts
Framework7 - Build iOS7 Apps with HTML5 http://mitchmckenna.com/post/14300/framework7-build-ios7-apps-with-html5

Framework7 - is the free (Open Source) and ultra lightweight mobile framework for development of hybrid (Phonegap) or web apps with iOS7 native look and feel. Ultra simple and clean HTML layout, all basic interfaces, animations, work with views, and simple customization and styling opportunities.

]]>
Fri, 04 Apr 2014 16:53:00 -0400 http://mitchmckenna.com/post/14300/framework7-build-ios7-apps-with-html5/framework7-build-ios7-apps-with-html5
MacGap - Build Native Apps for Mac Using Web Technology http://mitchmckenna.com/post/14201/macgap-build-native-apps-for-mac-using-web-technology

The MacGap project aims to provide HTML/JS/CSS developers an Xcode project for developing Native OSX Apps that run in OSX's WebView and take advantage of WebKit technologies. The project also exposes a basic JavaScript API for OS integration, such as display Growl notifications. Slack is a popular app built on MacGap.

]]>
Tue, 18 Mar 2014 05:38:00 -0400 http://mitchmckenna.com/post/14201/macgap-build-native-apps-for-mac-using-web-technology/macgap-build-native-apps-for-mac-using-web-technology
Animate.css http://mitchmckenna.com/post/14053/animatecss

A bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

]]>
Thu, 13 Feb 2014 21:16:00 -0500 http://mitchmckenna.com/post/14053/animatecss/animatecss
localForage - A wrapper for html5 localstorage http://mitchmckenna.com/post/14042/localforage-a-wrapper-for-html5-localstorage

localForage is a handy library that improves the offline experience of your web app by using asynchronous storage (via IndexedDB or WebSQL where available) but with a simple, localStorage-like API.

]]>
Wed, 12 Feb 2014 18:22:00 -0500 http://mitchmckenna.com/post/14042/localforage-a-wrapper-for-html5-localstorage/localforage-a-wrapper-for-html5-localstorage
Canvas Query - jQuery-like library for HTML5 Canvas http://mitchmckenna.com/post/12517/canvas-query-jquery-like-library-for-html5-canvas

Canvas Query is a wrapper library for HTML5 Canvas element which allows it to be used with jQuery-like syntax. Also it adds a lot of common use image manipulation methods mainly convenient for gamedevelopers.

]]>
Mon, 18 Feb 2013 17:34:00 -0500 http://mitchmckenna.com/post/12517/canvas-query-jquery-like-library-for-html5-canvas/canvas-query-jquery-like-library-for-html5-canvas
Paul Irish - Better Web App Development Through Tooling http://mitchmckenna.com/post/11511/google-io-2012-better-web-app-development-through-tooling

Another great presentation from Paul Irish, he's one of the best developer speakers I've seen. He demos some awesome new tools for the modern web developer, and a new project called Yeoman.

Building a solid webapp is a challenge for all developers, but a plethora of tools have emerged recently to assist you. From starting boilerplates, to performance tuning and build tools, you'll get a full overview of the tooling ecosystem. In this session, you'll learn which mature and valuable open source projects can save you time as well as get answers to common questions in building a webapp.

Also, if you haven't already watch Paul's 12 Tricks to Develop Quicker or any of his other great talks on his Youtube Channel.

]]>
Mon, 02 Jul 2012 00:33:00 -0400 http://mitchmckenna.com/post/11511/google-io-2012-better-web-app-development-through-tooling/google-io-2012-better-web-app-development-through-tooling
Bones - The HTML5 Wordpress Starter Theme http://mitchmckenna.com/post/10740/bones-the-html5-wordpress-starter-theme

A blank WordPress theme to start your next custom WordPress theme from. Available as both a responsive and static theme. Using the 960 Grid. Built Around HTML5 Boilerplate. Insanely Detailed & Organized CSS File. Easy to Customize & Expand Upon.

]]>
Thu, 26 Jan 2012 14:49:00 -0500 http://mitchmckenna.com/post/10740/bones-the-html5-wordpress-starter-theme/bones-the-html5-wordpress-starter-theme
Actually learned about some html5 features by taking this quiz "How well do you know HTML5?" http://mitchmckenna.com/post/10294/mitchellmckenna-actually-learned-about-some-html5-features-by-taking-this-quiz-quothow-well-do-you-know-html5quot-httptco9acpjf7r-webdev

Actually learned about some #html5 features by taking this quiz "How well do you know HTML5?" http://t.co/9ACpjF7r #webdev

]]>
Thu, 20 Oct 2011 14:10:00 -0400 http://mitchmckenna.com/post/10294/mitchellmckenna-actually-learned-about-some-html5-features-by-taking-this-quiz-quothow-well-do-you-know-html5quot-httptco9acpjf7r-webdev/mitchellmckenna-actually-learned-about-some-html5-features-by-taking-this-quiz-quothow-well-do-you-know-html5quot-httptco9acpjf7r-webdev
Starting to think implementing anything in html5 is a waste of time since html11 is just around the http://mitchmckenna.com/post/9429/mitchellmckenna-starting-to-think-implementing-anything-in-html5-is-a-waste-of-time-since-html11-is-just-around-the-corner-httphtml11org

Starting to think implementing anything in #html5 is a waste of time since #html11 is just around the corner http://html11.org

]]>
Tue, 19 Apr 2011 21:22:00 -0400 http://mitchmckenna.com/post/9429/mitchellmckenna-starting-to-think-implementing-anything-in-html5-is-a-waste-of-time-since-html11-is-just-around-the-corner-httphtml11org/mitchellmckenna-starting-to-think-implementing-anything-in-html5-is-a-waste-of-time-since-html11-is-just-around-the-corner-httphtml11org
When I have kids, these are the kinds of kids books I'll be reading them LOL http://mitchmckenna.com/post/8686/mitchellmckenna-when-i-have-kids-these-are-the-kinds-of-kids-books-ill-be-reading-them-lol-http20thingsilearnedcom-chrome-html5

When I have kids, these are the kinds of kids books I'll be reading them LOL http://20thingsilearned.com #chrome #html5

]]>
Fri, 19 Nov 2010 20:01:00 -0500 http://mitchmckenna.com/post/8686/mitchellmckenna-when-i-have-kids-these-are-the-kinds-of-kids-books-ill-be-reading-them-lol-http20thingsilearnedcom-chrome-html5/mitchellmckenna-when-i-have-kids-these-are-the-kinds-of-kids-books-ill-be-reading-them-lol-http20thingsilearnedcom-chrome-html5
Google Voice for iPhone and Palm WebOS http://mitchmckenna.com/post/6062/mitchell-mckenna-google-voice-for-iphone-and-palm-webos

Google Voice is finally on the iPhone via its browser, and Apple can’t really do anything about it. Seems like a nuisance to open m.google.com/voice for every phone call, but I guess you can create a shortcut to this URL on iphone home screen or Palm Launcher.

]]>
Tue, 26 Jan 2010 11:42:00 -0500 http://mitchmckenna.com/post/6062/mitchell-mckenna-google-voice-for-iphone-and-palm-webos/mitchell-mckenna-google-voice-for-iphone-and-palm-webos
Introduction to HTML 5 http://mitchmckenna.com/post/4327/introduction-to-html-5

Are you interested in HTML 5 and what's coming down the pipeline but haven't had time to read any articles yet? I've put together an educational "Introduction to HTML 5" video that goes over many of the major aspects of this new standard, including:

  • Web vector graphics with the Canvas tag and Scalable Vector Graphics (SVG)
  • The Geolocation API
  • HTML 5 Video
  • The HTML 5 Database and Application Cache
  • Web workers

The video is chock full of demos and sample source code.

(Note to moderators: HTML 5 is a public open web standard. I'm helping to educate web developers and raise awareness of this open web standard). Cast: Brad Neuberg

]]>
Tue, 22 Sep 2009 16:37:00 -0400 http://mitchmckenna.com/post/4327/introduction-to-html-5/introduction-to-html-5