• update, 2010-02-03 – Tried it again this morning and had the same results. CPU spikes well over 100% and the UI is unusable.

John Gruber writes,

Seriously, this is the real deal — full-screen H.264 playback with no Flash, no browser plugins, full iPhone OS support, and sane CPU usage, better in every single regard than any video player ever made with Flash.

Have a look for yourself.

What I experienced is nothing like Gruber describes. I saw my browser lock up and my CPU usage spike and stay spiked while the video played. I sent it to Matthew and he experienced the same performance issues.

I look forward to better implementations and support from browsers. Better performance, real full screen, sharable implementations.

At the office we are responsible for managing our source code in Subversion. Since no one here is all that familiar with Subversion I had to do some research and bug Matthew to find out how to merge back and forth from trunk to branch.

This is a little cheat sheet that I added to our wiki as well.

svn merge

These are command line processes.

Merge a branch back to the trunk

• From the branch, svn log –stop-on-copy, this returns the revision number where the branch began (XXXX)
• From trunk, svn update which will return the last revision number (YYYY)
• From trunk, svn merge -r XXXX:YYYY path/to/branch where XXXX is the branch’s revision and YYYY is the latest revision
• Last but not least svn commit the changes back into trunk with a nice message

Merge from trunk to a branch

• From the branch, svn log –stop-on-copy, this returns the revision number where the branch began (XXXX)
• From trunk, svn update which will return the last revision number (YYYY)
• From the branch, svn merge -r XXXX:YYYY path/to/trunk where XXXX is the branch’s revision and YYYY is the latest revision
• svn commit

For both of these processes I have had more success going directory to directory, example merge the web directory and the src directory separately. Also be sure to svn update both the branch and the trunk to be sure you have the latest source code.

I upgraded my blog to WordPress 2.6 today, imported it all into Subversion and can now update the blog through SSH. I also installed the iPhone WordPress app, posting this from it now.

I see a couple small things wrong and still need to go back through some old posts and link up some photos, but it’s fine for now.

While I was away on vacation VisitKC launched successfully.

I worked on the homepage Flash and a simple slide show that integrates with our REIgnition CMS on the Locals and Meeting Planners homepages.

Since its on the homepage, I had to take special care in loading the Flash and all of its assets. Each “scene” is loaded individually, but in the end the parallax layers work as they would if everything were static. It was a lot of work, but doesn’t compare to the amount of work the rest of the team put into the site.

I came across this error and am blogging about it so I won’t forget the solution and maybe it will help someone else.

1172: Definition fl.video:VideoEvent could not be found.

In order to access a number of the “fl” packages you need to have a component in your library. In this case I added the FLVPlayback component and all was well. Apparently you can use flash.utils.getDefinitionByName as well.

I only worked on the homepage Flash piece and a small interactive map but I really like the way it all turned out. Props to everyone at BarkleyREI who worked on it.

VisitAnnapolis.org

I ran into an issue this weekend with IE7 not clearing my floats correctly. I had a wrapper with a background applied to it and then a content div with floated elements in it. The background was not repeating all the way down the page, and was ending before the content div. I was using my normal methods of clearing floats and of course the page worked fine in Firefox and Safari on the Mac.

After some searching around looking for why this was happening I discovered an article at Position Is Everything that introduced me to a new clearing method which is far more elegant than the solution I was using previously.

You apply the .clearfix class to any div containing a float and its cleared!

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */ .clearfix {display:block;} /* End hide from IE Mac */

Roger Johansson also suggests adding the following code to a <=IE6 specific CSS file in order to make sure it works in earlier browsers.

clearfix {height:1px;}