Archive for the ‘CSS3’ Category

Video: How to Build Web Apps

Monday, January 10th, 2011

A new video is posted from the January 4th 2011 Club AJAX meeting. Basic and advanced code for Ajax apps. The main subjects covered were CSS organizing, and OO-CSS concepts, and an HTML5 Video Player with custom JavaScript.

See the video here.

Video: HTML5 Video Explained

Wednesday, July 14th, 2010

From the July Club AJAX meeting: What is HTML5 Video and how is it different from what we are used to? What problems does it solve, and what issues does it have? Since it doesn’t require a plugin does that mean it’s all open source? In this presentation, we will address these questions and provide some basic terminology for understanding how video works. We’ll show how to embed HTML5 Video API and explore the API, and discuss browser compatibility. Finally, we’ll go over video encoding possibilities.

The video of the presentation

The presentation

Also, Jeremy Brown and the July 2010 AJAX News

iPad Bug Fix for Dynamically Created HTML5 Video

Monday, June 21st, 2010

I’m continuing my series on the iPad-targeted, BetterVideo HTML5 player which primarily targets the iPad which I first mentioned in a previous post. The player won’t be using the browser’s default controls — that would be sacrilegious for an AJAX developer who prides himself on UI design, and you can’t customize default player controls. Additionally, the HTML5 player will have the same functionality as the Flash player, so between the custom controls and this functionality, there will be a lot of JavaScript used. But even more importantly, the player is not placed on our own page; it’s designed to be used on our clients’ pages. Therefore, my preference is to provide the client with a simple bit of code and dynamically build everything that needs to be inserted into their page. This is where I ran into the iPad bug.
(more…)

CSS3 Layouts: The Flexible Box Model Basics

Monday, June 14th, 2010

At my employer, BetterVideo, I’m working on an HTML5 video player. Its primary target will be the iPad, and have secondary targets of Safari and Chrome. You can track my progress on this series as I write about interesting findings and bug reports.
(more…)