thebeebs - html5at5

Also known as Martin Beeby, I am a web developer and work for Microsoft as a developer evangelist.

Everyday weekday at 5pm I answer questions or give tips on HTML5 development. If you have a question just use the #html5at5 tag on twitter

  • thebeebs

    I want to hide the source of my HTML5 canvas so that people can’t View the source is this possible?

    • 0 Comments
    In a word, No. The web is open and hiding your JavaScript away is next to impossible. You can make is harder for a user to read your code by using something like the YUI compressor but ultimately people are going to be able to read, debug and use your...
  • thebeebs

    Fonts Numerals

    • 0 Comments
    The IE test drive website has some new demos that show the use of OpenType font features . Over the next few weeks I thought I’d take a look at each of the different features in turn. OpenType is a technology that is supported by IE10 and Firefox 4+ allows...
  • thebeebs

    Do I need to use WIA-ARIA with HTML5?

    • 0 Comments
    Accessibility for Rich Intranet Applications ( WIA-ARIA ) is a specification that makes it easier for people using screen readers to navigate and use web applications. Many of the new HTML5 elements like section and article have been added to the specification...
  • thebeebs

    CSS3 vendor Prefixes and a nice box sizing tool

    • 0 Comments
    Chris Coyier tweeted last night about a CSS3 tool called box-shadow.info. If you're gonna make a CSS3 helper app thingy, do like box-shadow.info and help people understand prefixes/compatibility. — Chris Coyier (@chriscoyier) March 5, 2012 It’s a great...
  • thebeebs

    Media Queries and Bandwidth

    • 0 Comments
    I just read a blog post that stated that media Queries were not a good idea because: your entire stylesheet , with resources, images, the works – for all viewports - is loaded, before the @media stuff is parsed by the browser. This isn’t entirely true...
  • thebeebs

    What HTML5 Features can I use today?

    • 3 Comments
    I think I’d spin this question around and ask you to think about the kind of problems you have today in your site. If a HTML5 feature can help you solve one of those problems then great, but I wouldn’t go searching for features and then try...
  • thebeebs

    I just see a red cross inside of IE9 when I try and use HTML5 video on my site.

    • 0 Comments
    In most instances this issue is caused by your web server not severing the correct MIME type with the video file. The MIME type is used by the browser to determine what type of content is being sent to the browser, by default most web servers send the...
  • thebeebs

    I'm trying to display an image over a HTML5 video but it’s not showing up, what can I do?

    • 0 Comments
    I was asked this recently asked this by a developer attempting to place a picture over a HTML5 element. His problem was that when the image was pressed it would hide and the video would start playing. The issue that the developer was having was related...
  • thebeebs

    I have a WebSQL database but I hear that the specification has been dropped will IE ever support WebSQL?

    • 0 Comments
    The browser based WebSQL specification was an in browser database and has been supported by Chrome and a number of other browsers for some time. However, the specification has been dropped in favour of IndexedDB and chrome will be dropping support for...
  • thebeebs

    Overlaying data on a video

    • 0 Comments
    I got asked by Gordon Rae on twitter today: @ thebeebs Martin, can you recommend a good tutorial for overlaying data on video in HTML5 ? — Gordon Rae (@socialtechno) February 21, 2012 Firstly beware that just because a browser supports HTML5 video it...
  • thebeebs

    Why is Canvas so slow for Text?

    • 0 Comments
    During the launch of IE9 I was asked to produce a HTML5 application that animated stitching tweets on to a canvas. During testing the application I had some really complex animations and they performed just fine, but when I added test using Text API the...
  • thebeebs

    How you can allow a user to edit pages with HTML5

    • 0 Comments
    When a user wants to change some information on a webpage it's often very jarring to ask them to go to another form to edit the content. Users find it difficult to understand how the changes they make on a form will effect the resultant page. Therefore...
  • thebeebs

    Making forms easier to fill out using placeholder text

    • 2 Comments
    Placeholder is a HTML5 attribute that you add to input elements, it makes it easier for users to fill out your forms. Demo view here Source on GitHub It works for on regular input fields but also works on on password types. Of course the placeholder tag...
  • thebeebs

    I have a HTML5 video that’s over 30 minutes long, I want users to be able to skip to specific sections of the video without having to wait for the entire video to download, is it possible?

    • 0 Comments
    Yes but you must make sure you are serving the video from a HTTP 1.1-compatible web server. This means that the browser can request specific chunks of the video without downloading the whole video. If you don’t have a HTTP 1.1 compliant web server then...
  • thebeebs

    Error.stack

    • 0 Comments
    In the statically typed code world I used to inhabit Call stacks were often used to diagnose the root cause of events. I wasn’t aware that JavaScript had a similar (albeit non ECMA5) way of performing error stack interrogation. It’s called Error.stack...
  • thebeebs

    How do I remove the faint Line around HTML5 Video in IE9?

    • 0 Comments
    When you select a video by clicking, stop, pause or play you will see a faint line appear around the video element. This line is intentional so that people navigating your site with a keyboard can see which element them have selected. It’s possible...
  • thebeebs

    Fonts and Small Caps

    • 0 Comments
    The IE test drive website has some new demos that show the use of OpenType font features . Over the next few weeks I thought I’d take a look at each of the different features in turn. OpenType is a technology that is supported by IE10 and Firefox 4+ allows...
Page 2 of 2 (42 items) 12