Tilt is a new Firefox extension allowing you to better visualize the layers and elements on your website.  Give it a try and let me know what you think.

Fake is a handy Mac app to automate things you do on the web.

What is HTML?

Wikipedia defines HTML as “the basic building-blocks of webpages” so it only makes sense that each new version will include new features to improve web browsing and web development. Think of HTML as instructions for what to display within your browser, the blueprint for your page. In its infancy HTML was used to layout pages as well as help define how your content appeared (bolded, italicized, form elements, adding images, bullets, numbered lists, breaks, tables etc). Today HTML still has the same functionality that it did when it was first created but CSS (Cascading Style Sheets) are replacing HTML for better control in laying out pages and dynamic languages like PHP, Java, .Net, Ruby and more use HTML to display content. So if HTML is the blueprint, who builds the page? The answer is the browser but unfortunately not every browser reads the blueprint the same. The result is pages that function and look differently than the author intended.

HTML 5 and Web Video

One of the best improvements with HTML 5 is its ability to play video. Previously HTML alone was not able to display video so solutions such as Real Player, Flash, and Quicktime have been filling the gap. To play HTML 5 video you need a modern browser which is a problem for those of us dependent on an IT department within businesses and enterprises. For instance I’m sure many of your companies are still on Windows XP and Internet Explorer 6 (both released in 2001).

To play a video with HTML you will need to use one of the following modern browsers:

• IE 9.0+
• Firefox 3.5+
• Safari 3.0+
• Chrome 3.0+
• Opera 1.5+
• iPhone 1.0+
• Android 2.0+

Not to make things even more confusing but even when you have a modern browser like the ones listed above, it doesn’t mean your HTML 5 video will display. There are 3 main video codecs which are ogg/theora, H.264, and WebM. The matrix below does a very nice job laying out which codec each browser supports. A codec is software which compresses and decompresses audio and video. Video in its nature can be large so playing it over the Internet in the past proved difficult. Therefore codecs were created to compress audio and video so they could be streamed from a web server more efficiently. The chart below shows the three main video codecs as well as which are compatible for each browser.

(Source)

• Ogg/Theora: an open source standard without any patents.
• H.264: the most popular video codec to date which is used by Blu-ray and Internet video streaming sites like YouTube, Vimeo, YouTube, and more.
• WebM: an audio and video standard being sponsored by Google.

If you want to use HTML 5 to display a video on your site, the following code will be compatible with all modern browsers:

Blame the CPU

You may have heard flash requires more processing power (CPU consumption). The more recent versions of the flash player require significantly less of your CPU and there are lots of benchmarks now showing HTML 5 and flash require about the same amount of processing power.

Growing up (like I ever did) one of the things I considered pursuing is architecture.  I took a drafting class in high school and liked it a lot and have always dreamed of designing my own home (some day).  The folks over at design-milk.com have a fantastic architectural section that I have been a fan of for some time.  I save almost everything I find interesting and useful so when I saw the architecture section of their site I instantly fell in love.  The only thing I didn’t fall in love with is the ability to see their entire post.  You have to view a post, it only loads half the page, and then click to get the entire post, click back, click the next post, and repeat that process for as many times as you want to keep viewing their content.  As you can see I’ve been a fan for a while now and have been collecting URLs for over a year to refer to.  If you love architecture, you are going to love the pages below but be warned you will lose at least an hour from your life as a result.

Fiercewhenroused.com is a domain name I’ve had for over a year now and it is my new primary domain on one of the two servers I have web content on.  I think I heard the term “fierce when roused” from Tim Ferriss on one of the podcasts/vidcasts I was watching and thought it was an awesome term and thus domain name.  I also thought that term fit my personality pretty well, extremely mild mannered until I need to defend myself and then watch out!  You mess with the bull…you get the horns!  At some point I have some plans to do something with the domain but for now it is what I use to surface a lot of my miscellaneous sites and files.

Hope you enjoy this site aggregator…

http://fiercewhenroused.com/webDesign/scripts/sitesScroll/homeDesign1.html

http://fiercewhenroused.com/webDesign/scripts/sitesScroll/homeDesign2.html

http://fiercewhenroused.com/webDesign/scripts/sitesScroll/homeDesign4.html

http://fiercewhenroused.com/webDesign/scripts/sitesScroll/homeDesign5.html

http://fiercewhenroused.com/webDesign/scripts/sitesScroll/homeDesign6.html

I made a bookmarklet which prompts for a keyword to search my website.  Why would you ever want to us it?  You probably won’t ever have a need but I will because I use my site as a second brain to refer to things I’ve previously posted almost daily.  Drag this bookmarklet/link to your browser’s toolbar: JeremyPerson.com: Search if you want to try it. Pretty nifty eh?