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 use Canvas but need to support IE8

    • 1 Comments
    Ok so you have a great idea for how you’re going to use Canvas in your next application… problem is you still have tons of visitors that use IE8 (which doesn't support the Canvas element). Not to worry, all is not lost. In many instances you can use something...
  • thebeebs

    I would like to mask a HTML5 video element and convert it into a triangle. I want a solution that will work in IE9, Firefox and Chrome. Is it possible?

    • 4 Comments
    I got asked this question during a workshop last month and so thought I’d answer it here during the time I put aside at 5 everyday to answer HTML5 questions. Demo View Demo You can mask videos using SVG in Firefox, but that won't work for IE9 or Chrome...
  • thebeebs

    Using App Cache

    • 2 Comments
    There are many new features in HTML5 but in think that App Cache is potentially one of the most important. App Cache allows you to create a manifest file that details all of the files your application uses offline. When you visit your website with no...
  • thebeebs

    Why Don't you need to close tags in HTML5?

    • 11 Comments
    HTML5 is a much more forgiving when it comes to Mark-up than XHTML. With XHTML you needed to make sure that each opening HTML tag had it’s own closing tag. So you would always close an image tag like this: <img alt="A pretty car" src="image.jpg" />...
  • thebeebs

    PostMessage Popups and IE

    • 4 Comments
    If you have not used postMessage (or Cross Document Messaging to use it’s proper title) it’s a way of securely sending messages between frames even when the documents passing messages are on different domains. To learn more about it you can read this...
  • thebeebs

    Font-Face isn’t working on IE9 inside of Windows Phone 7.

    • 8 Comments
    Sadly in Windows phone 7, although the font-face tag is supported it’s not possible to link to external fonts. This means that you can’t get WOFF fonts that are not on the phone by default working in IE9 for Windows Phone. There are 16 differences...
  • thebeebs

    Vendor Prefixes and JavaScript

    • 0 Comments
    I got asked a question recently on twitter from Seb Lee-Delisle about vendor Prefixes and JavaScript. He asked: is the JS equivalent of -ms-transform MSTransform? or msTransform? The answer to the question is msTransform. However, the question opens up...
  • thebeebs

    How to write a feature detection script in JavaScript

    • 2 Comments
    When I use a HTML5 feature in my website I will often test the browser that is visiting to see if it is capable of using the feature. If it is not capable I will Fall-back to something that the browser is a capable of supporting. In practice, I use modernizr...
  • thebeebs

    How can I show a graph using HTML5?

    • 4 Comments
    There are a number of ways to create graphs in HTML5, you could use canvas for example, but one of my favourite ways is to go outside of the HTML5 spec and use an associated technology called Scalable Vector Graphics (SVG). Using SVG you can create really...
  • thebeebs

    How do you stop element breaking inside a CSS3 multi column layout

    • 0 Comments
    I came across a rather annoying feature today when I was trying to create a layout with CSS3 multi column . I wanted to stack some divs on top of each other in columns. My first attempt lead to this, which was not what I wanted: I wanted the tile’s to...
  • thebeebs

    HTML5 and Presentations

    • 0 Comments
    If you have been to a HTML5 presentation in the last 2 years then there is no doubt that you will have seen presenters opting to use their browser as a slide deck rather than PowerPoint or KeyNote . Personally I use PowerPoint for all my talks because...
  • thebeebs

    Reading Minified JavaScript

    • 1 Comments
    If you have viewed source on any website in the last few years then you will have certainly seen Minified JavaScript. This is JavaScript where all of the whitespace and unnecessary characters have been removed. Developers do this because it reduces the...
  • thebeebs

    How to allow user to upload multiple files using HTML5

    • 0 Comments
    HTML5 contains the a new feature (I say new, Opera has had it since 2006) that allows you to upload multiple files. <input type="file" multiple /> By default this allows the user to select more than one file. The file choosing is handled by...
  • thebeebs

    Using CSS3 to make your web pages better when they are printed.

    • 3 Comments
    I recently walked past someone in the office who was reading a web article that they’d printed off. Now putting to one-side the environmental impact of printing the internet there is also another disadvantage to reading printed webpages… the hyperlinks...
  • thebeebs

    I want to use HTML5 forms for validation but what about older browsers?

    • 4 Comments
    The HTML5 forms specification introduces a feature that enables you to let the browser handle validation. However, if you use this feature on your website only browsers that support HTML5 validation will validate the form fields; all the other browsers...
  • thebeebs

    Why is HTML5 so focused on JavaScript?

    • 1 Comments
    I frequently get asked this question by people that are new to HTML5. As well as detailing lots of new elements HTML5 defines a number of new JavaScript APIs. When the HTML5 specification was formulated in 2004 it was felt that APIs were necessary to...
  • thebeebs

    Request Animation Frame is your friend

    • 0 Comments
    If you are writing anything in JavaScript that animate then you are probably more than familiar with setInterval and setTimeout . These are both useful tools to create timing loops. However, when it comes to creating animations they are both pretty inefficient...
  • thebeebs

    Using HTML5 to Jump to the search box using autofocus

    • 0 Comments
    Autofocus is a HTML5 attribute that you add to input elements, which cause the browser to automatically focus on the input element when the page loads. Google and every other search engine have been doing this since the dawn of time (slight exaggeration...
  • thebeebs

    Which HTML5 mobile library should I use?

    • 1 Comments
    Personally I like using jQuery mobile for the projects I work on because it has really broad support and makes developing in browser mobile apps easy. To be honest though I haven’t tested or evaluated many other mobile frameworks out there. There...
  • thebeebs

    How to build Mobile websites

    • 0 Comments
    With the explosion of devices that access websites , it's becoming more important that your website works well on mobile devices. I found the process of learning how to create websites that worked on mobile devices confusing so I created the list below...
  • thebeebs

    How do you make a HTML5 video into a circle

    • 0 Comments
    Following a visitors request last week I showed you how to produce a triangle shaped HTML5 video , pretty useless but interesting none the less. A number of people on twitter asked if it was possible to make a circle video. No problem I thought… Just...
  • thebeebs

    Gradients in Internet Explorer

    • 0 Comments
    Last week at the digital barn I gave a talk called “The Way the web should be” in it I talked about the importance of Web Standards in the development of IE. In a follow up blog post Ian Parr made an interesting point: One point that I think MS people...
  • thebeebs

    A look at the new CSS3 units of measure

    • 1 Comments
    So if you have been developing for any length of time then you are probably familiar with ‘em’, ‘%’and ‘px’ as units of measurements in CSS. As part of the CSS3 specification there are a few new  units of measurement that I think are worth casting...
  • thebeebs

    Fonts and Ligatures

    • 0 Comments
    I just noticed that 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...
  • thebeebs

    Saving user preferences with HTML5

    • 0 Comments
    If you have played with the HTML5 version of the cut the rope, you will notice that it remembers your scores for each game when you return to the site. To achieve this in your own applications you can use localStorage which is part of the Web Storage...
Page 1 of 2 (42 items) 12