larryaronson.com » video http://larryaronson.com Systems Psychoanalyst Wed, 14 Dec 2011 04:17:38 +0000 en hourly 1 http://wordpress.org/?v=3.3 15 HTML5 FAQs http://larryaronson.com/2011/15-html5-faqs/#utm_source=feed&utm_medium=feed&utm_campaign=feed http://larryaronson.com/2011/15-html5-faqs/#comments Mon, 10 Jan 2011 14:34:41 +0000 Larry Aronson http://larryaronson.com/?p=1818 A lot of people are curious about HTML5 but few really understand what it's about and many have misconceptions about it. Here are 15 frequently asked questions about HTML5 with my short answers. ]]> Since the publication of HTML Manual of Style, I’ve attended a number of meetups and participated in a few forums to promote the book. While a lot of people are curious about HTML5, few really understand what it’s about and many have misconceptions.  So, I’ve collected 15 frequently asked questions about HTML5 along with my short answers in an effort to clear up some of the confusion. Click on a question to toggle open/close its answer.

  1. Is HTML5 is the new standard for creating Web pages?

    Not Quite. HTML5 is a draft proposal for a standard that will eventually be submitted to international standards organizations which may adopt HTML5 as a standard or may choose to adopt a competing proposal. Right now there’s no serious contender to HTML5 and all of the big players: Apple, Google, Mozilla, Microsoft and Adobe are behind it, so it is becoming the de-facto standard. However, it is still early in the process. The World Wide Web Consortium (W3C) expects to finalize the draft and start the process of final review and requests for comments in 2012. Final acceptance as a standard will happen several years after that.

  2. Is HTML5 a new technology?

    No. It’s an extension of existing HTML, adding new elements to the set recognized by HTML4 level browsers and removing some of the restrictions of xhtml.

  3. How does HTML5 affect my existing HTML4 website?

    It doesn’t. The HTML5 specifications require browser makers to support valid HTML4 web pages. You should update your HTML editing tools when new versions are available. If your web pages require a diet of strict xhtml, you should validate any third-party HTML5 code to one of the xhtml standards before embedding that code into your own pages.

  4. What is new about HTML5?

    Several things. The biggest change is that HTML5 documents are explicitly recognized as interactive applications. Every document element in HTML5 has a corresponding JavaScript API that describes how that element should behave in response to user actions and other events.

  5. Are there new HTML5 tags?

    Yes, there are new HTML5 elements that provide richer semantic descriptions of documents: section, article, header, hgroup, footer, aside and nav; new media elements: audio, video and canvas; new form input types: email, url, number range and search; and a bunch of new element attributes.

  6. Have any HTML elements changed their meaning or how they are used?

    Yes, but not many. The small element, which in HTML4 has no semantic value—it just means make the text smaller—is used in HTML5 to markup disclaimers, legal notices and the like—the small print. The anchor element, which creates hyperlinks, can now enclose any other elements excluding other links and buttons. In HTML4, the anchor was strictly an inline element.

  7. Are there things in HTML4 that are not in HTML5?

    Yes, but only a handful of elements and these are not really gone; they are just marked as obsolete. Browser makers can continue to support these elements in their new versions and most will. Among the elements marked as obsolete in HTML5 are: frame, frameset, big, center, font, strike, acronym, applet, isindex and dir.

  8. What exactly is HTML5 Video?

    Nothing, really. The term HTML5 video is used to differentiate the playing of a video directly by a browser encountering a web page’s video element, as opposed to being played by a third-party browser plugin via an object or embed element. There is nothing intrinsic about any video that makes it HTML5-ish as opposed to Flash-ish. The distinction is entirely a matter of how the a web page is coded to present the video.

  9. Is HTML5 video better than Flash video?

    Yes, but not in terms of video quality which is a function of how the video data is encoded. HTML5 video is better because the video element can interact with other elements on the page and can be styled using CSS. Also, HTML5 video should use less resources because it is built into the browser.

  10. Will HTML5 kill Adobe’s Flash?

    Nope, Flash will be around for a long time. As a media player, Flash accommodates digital rights management (DRM) which hasn’t been addressed in the HTML5 specs. As an applications platform, Flash has a large, installed base in corporate environments where there’s no compelling rationale for rewriting working applications in HTML5. For new applications, HTML5 has advantages over Flash: content is better exposed to search engines, there’s complete integration with other document elements, no plugins are required and HTML5 tools are free.

  11. Is HTML5 is a threat to Microsoft?

    No. Microsoft embraces HTML5. The IE9 beta has received high marks for its HTML5 support. Silverlight is not the only path to interactivity in Redmond.

  12. Is HTML5 ready for prime time?

    Some of it is and some of it isn’t. New HTML5 semantic elements have good support in all modern browsers, including IE if an HTML5 shim or the Modernizer JavaScript library is loaded into a web page. The audio, video and canvas elements are not supported in Internet Explorer yet, but these elements are designed to gracefully fail and fallback to other technologies, like Flash and Silverlight, in legacy browsers. Other technologies that are associated with HTML5 such as Mathematical Markup Language (MathML), Scalable Vector Graphics (SVG), Web Sockets, Web Storage and Geo-location have only limited support in the current crop of browsers.

  13. Where can I get an HTML5 browser?

    Opera, Chrome and Safari provide pretty solid support for HTML5 in their current versions including their browsers for iPhones, iPads and Droids. Firefox’s support for HTML5 is weak in its current version (3.6) but quite robust in the Firefox4 public beta.

  14. What about Internet Explorer?

    Internet Explorer is late to the HTML5 party. There’s no HTML5 support in IE8 or previous versions. However, adding a JavaScript library such as Google’s HTML5 shim or Modernizer enables IE 6, 7 & 8 to recognize the new semantic level elements so they can be styled with CSS. HTML5 support is good in the beta version of IE9 which is available for Windows Vista and Seven users. Unfortunately, the Windows 7 mobile browser is built largely on the IE7 code base.

  15. What is an HTML5 application?

    There are several new capabilities in HTML5 which directly address the need for creating interactive applications. Of course, HTML has had interactive capabilities since its early days with text-based input forms and HMTL5 expands these with new input types. New capabilities include page and session-based data storage in the user’s browser, Web sockets for inter-application communications, and a drawing environment,  the canvas element, for creating and manipulating image data.

]]> http://larryaronson.com/2011/15-html5-faqs/feed/ 1 Lawyers In New Media http://larryaronson.com/2008/lawyers-in-new-media/#utm_source=feed&utm_medium=feed&utm_campaign=feed http://larryaronson.com/2008/lawyers-in-new-media/#comments Mon, 29 Dec 2008 15:00:28 +0000 Larry Aronson http://larryaronson.com/?p=190 DigitalHHR – I just completed this Wordpress blog for the Intellectual Property department of a major law firm. It features an integrated BBs, an event manager, feature-rich videos, a Flash-powered header, customized navigation menu and special lawyer profile pages. ]]> I’ve just finished a project: DigitalHHR – a WordPress blog for the Intellectual Property department of a big law firm. The IP department, consisting of 4 lawyers, wanted a online platform to promote their ideas and opinions about intellectual property and generate good press for their firm. I was under contract to a wonderful creative agency, Aha! Insight Technology and was working again with Howard Greenstein. Howard provided the strategic direction, project management and training for the client while I provided the technology.

Home page of DigitalHHR

Howard proposed a robust set of features to showcase their familiarity with leading edge, social media technologies and services. The specifications called for an integrated BBs, an event manager, feature-rich videos, a Flash-powered header with a customized navigation menu tying it all together. Howard and I knew we were pushing the limits of WordPress and that’s what the client wanted to show off.

We started with a three column theme, Seashore by Sadish Bala. I added a video presentation space on top of the  sidebars and a game space below. With a bit of work, I was able to shoehorn the custom flash video the lawyers designed into the header code and replaced the generated navigation menu with a two-level structure.

The four lawyers were already blogging on other sites. This was their first opportunity, not only to write under their own brand, but to actually craft that brand as publishers and editors. As they began to post articles, they became concerned about their authorship rights —they’re IP lawyers, remember, and important ones at that! So, as we neared completion of the project, new feature requests started creeping in.

They wanted special lawyer profile pages so they could edit in additional content about themselves. These page would feature a portrait image and an expanded contact section with a download-able, virtual address card. For these special pages, I cloned the standard single page template and modified it to fetch the page author’s portrait photo from a sub directory of /wp-content. I setup custom fields for the contact information and displayed those next to the portrait image. Following that, I formatted a box to display the most recent posts by that author. Finally, I displayed whatever content they wanted to add via the post editor. Click here to see some of the code.

The head partner of the IP division liked the profile page so much that he wanted a special version just for himself that also displayed  any press articles written about him. I figured out how to accomplish that using a custom post field and some more template programming.

They also wanted to post co-authored articles. I know that there was third-party plug-in that did something like that, but at this late stage of the project, it was easier to add more template modifications to get exactly the functionality the client wanted. The solution we devised features a double portrait image, double email links and a hook to pick up the post for the special lawyer profile pages.

It’s been exciting to watch this blog progress from it’s initial launch last month. Everything we did is being used by the client and it’s all working well.

]]> http://larryaronson.com/2008/lawyers-in-new-media/feed/ 0