📃 March 2013 release notes

New in Chrome

The following features are now available in Chrome:

• calc(): The calc() CSS function computes mathematical expressions such a calc(100%/3 - 1em).
• Composition events: The compositionstart, compositionupdate, and compositionend events fire when an input method editor adds characters that might not be commonly available on keyboards. Examples of these characters are emoji, logograms in Asian languages, or input from speech recognition processors.
• Gradients: The linear-gradient() and radial-gradient() CSS functions and their repeating counterparts create backgrounds that progress smoothly between multiple colors.
• <main>: The <main> element represents the dominant content of a document. It is commonly used together with <header> and <footer>.
• MutationObserver: The MutationObserver API watches for changes to the DOM tree and calls a callback function when DOM changes occur.
• <template>: The <template> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript.
• Transitions (CSS): The transition shorthand CSS property sets how changes to an element's styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.
• Viewport units: The vw, vh, vmin, and vmax CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.
• WEBGL_compressed_texture_s3tc WebGL extension: The WEBGL_compressed_texture_s3tc extension for WebGL 1.0 and 2.0 contexts adds S3TC compressed texture formats to compressedTexImage2D() and compressedTexSubImage2D().
• WEBGL_depth_texture WebGL extension: The WEBGL_depth_texture extension for WebGL 1.0 contexts defines 2D depth and depth-stencil textures.
• WEBGL_lose_context WebGL extension: The WEBGL_lose_context extension for WebGL 1.0 and 2.0 contexts simulates losing and restoring a WebGLRenderingContext or WebGL2RenderingContext.