Author Archives: Sam Dutton

About Sam Dutton

I am a Developer Advocate for Google Chrome. I grew up in rural South Australia, went to university in Sydney, and have lived since 1986 in London, England. Twitter: @SW12

How do you use images?

Let us know how you use images on your website with this short form: forms.gle/vF9SW95simXKoZrKA.

Thanks! Continue reading

Posted in Uncategorized | Tagged , , , , , | Leave a comment

Search Shakespeare

Fast search for the complete plays, poems and sonnets of Shakespeare (including locations and stage directions) using data derived from the PlayShakespeare project. Continue reading

Posted in Full text search, Literature, Poetry, Shakespeare | Tagged | Leave a comment

A manifesto for teaching web development

Ten principles for teaching HTML, CSS and JavaScript to absolute beginners. Continue reading

Posted in HTML, Uncategorized, Web development | 4 Comments

JavaScript linting: moving from JSHint and JSCS to ESLint

JSHint and JSCS are both brilliant JavaScript linting tools, but ESLint provides more functionality than both of them combined. It’s quick, too. This post is a quick guide to moving from JSHint and JSCS to ESLint. Continue reading

Posted in Code linting, git, GitHub, JavaScript | Tagged , , , , , , , , , | Leave a comment

Search Google developer videos

Please note: I am currently rebuilding this app: the URLs below will not work. I built a prototype API and application for searching Google developer video transcripts and metadata: shearch.me?q=webrtc simpl.info/s      Why? 1. I work for a search company. 2. … Continue reading

Posted in Uncategorized | Leave a comment

High performance HTML

How can you improve the performance of web pages? Most developers look to JavaScript, images and other kinds of optimisation.

Poor old HTML gets neglected despite being the core language of the web.

In this article you’ll learn how to write clean, concise HTML that enables you to create content that loads fast and works well across a variety of devices. In the process, you’ll learn how to build sites and apps that are easier to debug and maintain. Continue reading

Posted in html5 | Tagged , , , | 45 Comments

Media Newsletter: audio, video and realtime communications

I’ll be publishing a monthly roundup of news about media tech. Sign up at bit.ly/signupmedia. Archive at medianews.me.

Posted in Uncategorized | Leave a comment

Fundamentals of video on mobile

Watch my Google I/O video: Fundamentals of video on mobile: Responsive media Coping with variable connectivity Accessibility and fallbacks Formats and codecs    

Posted in Uncategorized | Leave a comment

WebRTC in the real world: signaling, TURN and STUN

New on HTML5 Rocks: a detailed look at building servers for WebRTC. html5rocks.com/en/tutorials/webrtc/infrastructure

Posted in Uncategorized | 1 Comment

simpl.info: simplest possible examples of HTML, CSS and JavaScript

I’ve built a site to provide simplest possible examples of HTML, CSS and JavaScript: simpl.info github.com/samdutton/simpl Motivations: ‘Show me the code!’ ‘Does technology X work on platform Y?’ ‘Where the heck is that Foo example I saw?’ A minimum of ‘huh?’ … Continue reading

Posted in Uncategorized | Tagged , , , | 3 Comments

WebRTC in Internet Explorer with Chrome Frame

Screencast and post explaining how to enable WebRTC in Internet Explorer with Chrome Frame. Continue reading

Posted in Uncategorized | Tagged , , , , , | 1 Comment

Introduction to WebRTC – now on HTML5 Rocks

I’ve written a detailed introduction to WebRTC on HTML5 Rocks: http://www.html5rocks.com/en/tutorials/webrtc/basics/ Continue reading

Posted in Uncategorized | Leave a comment

Chrome Developer Tools, Google I/O 2012

Video of the Chrome Developer Tools session at Google I/O 2012 with Sam Dutton and Pavel Feldman. Continue reading

Posted in Uncategorized | Leave a comment

Getting started with the HTML5 track element

If you haven’t had a look at the HTML5 track element — check it out my tutorial on HTML5 Rocks. The track element provides a simple, standardised way to add subtitles, captions, screen reader descriptions and chapters to video and … Continue reading

Posted in Uncategorized | Tagged , , , | Leave a comment

Got Raspberry Pi!

The £15/$25 Raspberry Pi computer works a treat! Continue reading

Posted in Google Chrome, Primary schools, School | Tagged , , , , | 8 Comments

Cherry Cream Delight

I can’t believe the things I’ll eat when I’m on a plane. Continue reading

Posted in Uncategorized | Leave a comment

Automatically pause video when it’s not visible

I’ve built a Google Chrome extension called Hold It! that pauses video when it’s not visible. For example, when you: minimise a window with a video playing in it move to a different tab open a video link in a … Continue reading

Posted in Uncategorized | 1 Comment

Win a Chromebook!

Win a Chromebook in the Italian Google Chrome Web Store competition. Continue reading

Posted in Uncategorized | Tagged , , , , | Leave a comment

Chrome extension to test navigation and page load speed

Page Speed Test is an extension that displays a timeline of navigation and page load events for the current page, and a historical chart of page load timing data for all visits to the page. You can get it from https://chrome.google.com/webstore/detail/lgmnmdkkghdeagbghognjbjijpnckcid?hl=en-US. Continue reading

Posted in Uncategorized | Tagged , , , | Leave a comment

Web apps need better context menus

For web apps to be as good as native apps, they need better context (right click) menus. Take a look at the screenshot above. This shows what happens when you click on a person in a Google+ circle: I’d like … Continue reading

Posted in Uncategorized | Leave a comment