BlogsGoogleSVG Adoption and Web Graphics

SVG Adoption and Web Graphics

SVG Adoption and Web Graphics

19
posts
2006–2012

Google's engagement with Scalable Vector Graphics (SVG) technology has evolved to include tools for converting legacy formats to modern web standards and making SVG documents searchable on Google. Early efforts focused on fostering community and developer adoption of SVG through events like the SVG Open conference. Subsequent developments involved showcasing the capabilities of HTML5, including its support for rich media and interactive content, and integrating these advancements into developer tools. This post introduces Yahoo! Pipes' use of the HTML5 canvas tag, demonstrating a novel application of web graphics for data visualization and manipulation, further expanding the possibilities of SVG and related web technologies.

2012

Lossless and Transparency Modes in WebP- Google Developers Blog

8/30/2012

This post introduces WebP, a new image format developed by Google, which offers both lossless and transparency modes. This provides developers with a more efficient option for web graphics compared to existing formats like PNG and JPEG, contributing to improved web performance and richer visual experiences.

Angry Birds Chrome now uses the Web Audio API- Google Developers Blog

1/31/2012

This post demonstrates the integration of the Web Audio API into a popular web game (Angry Birds Chrome), showcasing advancements in rich media and interactive web experiences beyond static graphics.

2011

Lossless and transparency encoding in WebP- Google Developers Blog

11/18/2011

This post introduces WebP, a new image format developed by Google, which offers both lossless and transparent encoding. This advancement contributes to the broader theme of improving web graphics by providing a more efficient and versatile image format for web developers.

Flash developers: export to HTML5 with new Swiffy extension- Google Developers Blog

11/16/2011

Introduced Swiffy, an extension that allows Flash developers to export their animations and interactive content to HTML5. This addresses the challenge of migrating legacy Flash-based web experiences to modern, widely supported web technologies, enabling broader compatibility and accessibility.

Swiffy: convert SWF files to HTML5- Google Developers Blog

6/28/2011

Introduced Swiffy, a tool that converts Flash (SWF) files to HTML5, enabling the migration of legacy rich media content to modern web standards. This addresses the technical challenge of rendering Flash content on devices and browsers that do not support it, by generating equivalent HTML, CSS, and JavaScript.

Dreams in 3D: a WebGL experience for the modern browser- Google Developers Blog

5/13/2011

This post introduces WebGL, a JavaScript API for rendering interactive 2D and 3D graphics within web browsers. It highlights how WebGL enables developers to create visually rich and interactive experiences, such as 3D visualizations and games, directly in the browser, building upon the advancements in web graphics and developer tools.

Cooliris builds visual search for Chrome with next-generation web APIs- Google Developers Blog

5/10/2011

This post highlights Cooliris's use of next-generation web APIs to build a visual search feature for Chrome, showcasing the practical application of advanced web graphics and APIs for creating rich, interactive user experiences. This aligns with the thread's focus on SVG adoption and web graphics by demonstrating how these technologies enable innovative visual search functionalities.

Creating 2D Games with JavaScript & HTML5- Google Developers Blog

5/9/2011

This post highlights the use of HTML5 and JavaScript for creating 2D games, demonstrating the growing capabilities of web technologies for rich media and interactive content, aligning with the broader theme of web graphics advancements.

Visualizing geographic data with the WebGL Globe- Google Developers Blog

5/5/2011

This post introduces the WebGL Globe, a tool that visualizes geographic data using WebGL. This contributes to the thread by showcasing advanced web graphics capabilities for interactive data representation, aligning with the broader theme of enhancing web experiences with rich media and dynamic content.

2010

WebGL now in Beta: here comes the 3D web!- Google Developers Blog

12/16/2010

This post announces the beta release of WebGL, a JavaScript API for rendering interactive 2D and 3D graphics directly in web browsers. This is a significant advancement for the '3D web' and complements existing efforts in web graphics by enabling hardware-accelerated graphics, opening up possibilities for more complex and visually engaging web applications.

WebP, a new image format for the Web- Google Developers Blog

9/30/2010

Introduces WebP, a new image format developed by Google, offering better compression than PNG and JPEG, with the goal of improving web performance and reducing bandwidth usage.

SVG documents searchable on Google- Google Developers Blog

9/2/2010

This post introduces the capability of making SVG documents searchable on Google. This builds upon earlier efforts to foster SVG adoption and showcase HTML5 capabilities, extending the utility of SVG by enabling its content to be discovered through Google Search.

Introducing the Google Font API & Google Font Directory- Google Developers Blog

5/19/2010

This post introduces the Google Font API and the Google Font Directory, providing developers with a centralized and easily accessible resource for high-quality fonts. This directly contributes to enhancing web graphics and visual design capabilities for web applications, aligning with the broader theme of SVG adoption and web graphics advancements.

Transforming Paper and Plastic into a 3D Interactive Experience- Google Developers Blog

5/19/2010

Introduces a method for transforming physical objects (paper and plastic) into a 3D interactive experience, likely involving techniques for capturing, processing, and rendering 3D data on the web, potentially utilizing SVG or related web graphics technologies.

Creating Rich Experiences In The Browser With HTML5- Google Developers Blog

5/18/2010

This post highlights how HTML5, including SVG, enables richer and more interactive experiences in the browser, moving beyond static content to dynamic and engaging applications. It emphasizes the potential for developers to create sophisticated user interfaces and rich media content directly within the web.

HTML5 + Quake II- Google Developers Blog

4/5/2010

This post demonstrates the power of HTML5 and SVG by showcasing the ability to run a classic game like Quake II directly in the browser. It highlights how these technologies can be used for rich media and interactive applications, pushing the boundaries of what's possible on the web.

2009

SVG at Google and in Internet Explorer- Google Developers Blog

10/2/2009

This post introduces Google Chrome Frame, a plugin that allows older versions of Internet Explorer to render modern web content, including SVG, thereby expanding the reach of SVG and HTML5 to a wider audience. It highlights the benefits of SVG for web graphics and interactive content, and discusses Google's commitment to promoting its adoption.

Yahoo! Pipes and the HTML5 canvas tag- Google Developers Blog

5/14/2009

This post introduces Yahoo! Pipes' use of the HTML5 canvas tag to visualize data streams, demonstrating a novel application of web graphics for data manipulation and visualization. It highlights how the canvas tag can be used to create dynamic and interactive data representations, complementing existing SVG capabilities.

2006

New Project: ExplorerCanvas- Google Developers Blog

3/28/2006

Introduces ExplorerCanvas, a new tool that leverages SVG to provide a dynamic and interactive canvas for web developers, enabling the creation of rich graphical applications and visualizations.