Chris Alcock was kind enough to mention this blog on The Morning Brew this morning, so I thought I’d share the love. If you’re working with Microsoft technologies and you don’t have his link blog on your aggregator, you’re seriously missing out.

Of Note

To Read

  • HTML5 Feature Support Detection - The Composite Code blog shares a nice post on feature detection for detecting browser support for HTML5 features, looking at common techniques to detect HTML5 input types, Canvas, and geolocation.
  • A Developer's Introduction To HTML5  - Chris Mills looks briefly at the history of HTML5, why we should care about it and the various new features it brings.
  • The Most Important Parts of HTML5
    kanaka presents his ten most important features and consequences of HTML5 and why none of them are the <audio> or <video> tags
  • Create a stylish HTML5 template from scratch
    In this tutorial, Catalin Rosu demonstrates how to create a standalone template for an HTML5\CSS3 website. He uses the Google Font API, CSS3 drop-shadow effects, gradients and pseudo-elements, a jQuery drop down menu and a pattern background embedded into the stylesheet
  • Review Of Cross-Browser Testing Tools
    Cameron Chapman runs down a mighty comparison of the current options for comparing your HTML and CSS creations in various browsers without installing them all yourself. He compares Adobe BrowserLab, Browsershots, Expression SuperPreview, Lunascape 6, IETester, IE Netrenderer, Spoon, Browsera, Browserling, Mogotest, Cloud Testing, BrowserCam, Multi-Browser Viewer, and CrossBrowserTesting. Phew!
  • Bing Maps add support for HTML5 Geolocation
    Giorgio Sardo announces Bing Maps newly released support for the Geolocation API and demonstrates how it works and how the user will perceive it by default.
  • Using JavaScript’s Strict Variant
    Clark Sell looks at the "Use Strict" command in ECMAScript v5 which prevents a dev from setting undefined a value and demonstrates the errors if you do so when in strict mode
  • Ask an HTML5 Dev: How do you profile your code?
    HTML5 Grind start their "Ask an HTML5 Dev" series by asking ten 'forward-thinking' devs how their profile their code.
  • Fastersite: Finding memory leaks
    "Tony" looks at the problem of memory leaks in Javascript, the problems they will cause and then walks us through a real-world example of using the heap profiler in Chrome to diagnose the issue.
  • x-webkit-speech input and textareas
    Stoyan demonstrates the use of the x-webkit-speech attribute for input and texttarea elements to allow a user to dictate a text value for that form element (Chrome only)
  • Web Sockets tutorial with simple Python server
    @yaaang looks at the web Sockets API, how the protocol works and presents a simple client-server application demonstrating messages sent from client to server
  • HTML5 classList API
    Dave Walsh looks at the ClassList API, which adds methods to add, remove and toggle a CSS class on every node in the DOM
  • How To: Fix An Element’s Position After Scrolling Using jQuery
    Web Developer Juice presents a quick jQuery function that will change an elements CSS position to fixed only after a certain amount of scrolling and revert back to its original value once the page is scrolled back up beyond that point.
  • Rendering 3D with CSS and javascript with dom3d (guest post)
    The Mozilla Hacks blog welcomes guest James Long who writes about using the dom3d library which uses CSS to render basic 3d objects. He looks at the pros and cons of this over canvas-based approaches and presents some demos.

To Hear

  • ES6 Lives!
    Brendan Eich's latest podcast takes a first look at what may morph into ECMAScript v6

To Try

  • CoffeeScript 1.1.2 - The CoffeeScript team announce the release of CoffeeScript 1.1.2, a minor update with a lot of changes taking place under the hood, with improvements to the REPL environment, the use of Function.prototype.bind, along with a range of other fixes. (via Morning Brew)
  • Sprite3D.js, a javascript library for 3D positionning in WebKit
    Sprite3D uses CSS3 transforms to let you position Sprite objects in a 3D space on your page. It is independent of other js libraries and of the <canvas> object.