Step 1

Enter your contact information.

Step 2

Enter your project information.

Step 3

Choose the PHP programmers you want to hire.

Compare Free PHP Quotes





Country



Getting Started with Scalable Vector Graphics (SVG)

*Attention PHP Programmers* - Add A Free Listing! Get more clients.

Win a new Compaq Presario Notebook!

Scaling options for SVG images

Scalable Vector Graphics (SVG) have long been the ideal way to create images that need to scale without distorting. For example, SVG is a great format for an icon or logo that needs to be displayed at several sizes without pixelation or other distortion.

Unfortunately SVG’s usefulness on the web has always been curtailed by limited support in popular browsers. However, that’s changed recently with the release of Firefox 4 and Internet Explorer 9, both of which join Opera, Chrome and Safari in offering native support for SVG.

If you’d like to know more about SVG, how to use it and why you’d want to, Microsoft’s Jennifer Yu recently posted a nice overview on how to get started with SVG over at the IEBlog.

Yu covers the basic use cases for SVG, including scalable logos, selectable text within images (great for charts, infographics and the like) and dynamic graphics (for example, route lines overlayed on map tiles).

One thing you won’t get from Yu’s article is info on how to embed your SVG images in HTML. For most browsers you can simply use <img>, though for Firefox 3.6 and below, along with some other older browsers, you’ll need to use <object> (or <iframe>). It’s also now possible to write SVG inline with your HTML, though as Yu points out you’ll need to use the HTML5 doctype for that to work.

Keep in mind that if your site has a lot of traffic from older versions of IE (and that means anything prior to IE 9) you’ll need to have some sort of fallback in place. If you don’t mind involving some JavaScript in the equation, the Raphaël library allows you to easily create and work with SVG objects via JavaScript and will fallback to VML for IE 6+ and other legacy browsers.

For the record, yes, there is a certain irony in learning about SVG from Microsoft given that IE has long been the only web browser without SVG support, but don’t let that stop you from reading through an otherwise quite thorough and informative overview of SVG.

See Also:

Source http://www.webmonkey.com/?p=52182
Fri, 28 Oct 2011 15:03:59 GMT
Tags: Multimedia, svg, Web Standards,

*Attention PHP Programmers* - Add A Free Listing! Get more clients.


Multimedia


MPEG LA Starts the Search for VP8 patents

MPEG LA, the one-stop shop for motion video patent licenses, yesterday announced a call for patents essential to the VP8 video compression algorithm — the algorithm that is fundamental to Google’s WebM video format. MPEG LA is asking organizat

Amazon’s New ‘Cloud Drive’: Your Music, Everywhere You Go

Apple and Google are both rumored to be working on music streaming services, but the first real competitor to enter the streaming music battle is Amazon.com. The company has announced Amazon Cloud Drive, a web-based backup service where you can store your

YouTube Begins Serving Up Native WebM Video

YouTube has announced it will begin offering HTML5 videos in the WebM codec to web browsers that support it. So far YouTube says that it has encoded 30 percent of its videos in WebM, which accounts for 99 percent of all traffic to the site. YouTube’

svg


Web Standards


HTML5 for Web Developers

If you’ve ever tried to wrestled your way through the complexities of the HTML5 specification, we’ve got good news — there’s now a “web developer edition.” The main HTML5 spec can be overwhelming for web developers tryi

Microsoft, Mozilla Battle Over What Makes a ‘Modern’ Web Browser

Microsoft and Mozilla are trading barbs over the coming Internet Explorer 9. Microsoft has been touting its HTML5 support in IE9, claiming that it renders HTML5 better than Firefox (and Chrome, Safari and Opera). Mozilla then turned around and released an

HTML5 Will Be Done in 2014, What Comes Next?

Web developers were given a green light Monday to start using HTML5. Even though many are already using the still-unfinished language to code complicated web apps, the web’s governing body made the transition official by announcing that HTML5 will b

Members:
Mesa
Hamilton Arts Profile
Hamilton Arts

Let Hamilton Arts assist you with your web design needs. We can assure you that our design will not only impress but also work within your budget.

Mesa, Arizona US
Quilcene
Pamela M Hunter Profile
Pamela M Hunter

Web site design and development. International clients are welcome.

Quilcene, Washington US
Sacramento
Technicate Solutions, Inc Profile
Technicate Solutions, Inc

Technicate Solutions, Inc. is a fast-growing IT Consulting firm servicing the Sacramento area and beyond. We combine innovative technologies with business savvy to make successful projects happen.

Sacramento, California US
Rancho Cucamonga
IOFX Media Profile
IOFX Media

Easy Low-Cost Web Site Solutions. ANY web site, quick and fast! Turn your dream into reality today! I''M THE HOUSE M.D. OF WEB DESIGN AND DEVELOPMENT.

Rancho Cucamonga, California US
Milwaukee
Thoreson Web Designs Profile
Thoreson Web Designs

Thoreson Web Designs is a Wisconsin-based web design business located in Milwaukee. I have experience with an array of tools and programs, and understand the importance of project management.

Milwaukee, Wisconsin US
Design Leads


PHP Programmers Valid HTML 4.0 Transitional Valid CSS!

Apache 2.4: A Major Update for the Web’s Most Popular Server

The Apache Software Foundation has announced the release of version 2.4 of its namesake Apache HTTP



HTML5 Will Be Done in 2014, What Comes Next?

Web developers were given a green light Monday to start using HTML5. Even though many are already us



This Week in Web – jQuery Forms, JS Microframeworks, Resig & Dahl Q+A

jQuery IdealForms

jQIdealForms is a forms framewo



Businesses, Brands Invade Google Plus

Google's fledging social network introduces "Pages" so companies, brands and other non-persons can g



Using Sass to Help Internet Explorer Handle ‘Mobile-First’ Designs

If you’ve embraced a mobile-first approach to responsive design, you’re probably buildin



Article Tags
PHP Programmers Articles
Browsers| Web Standards| CSS| firefox| HTML5| Web Basics| Programming| Web Services| Mobile| JavaScript| Web Development| Visual Design| Multimedia| chrome| Google| responsive design| This Week in Web| CSS 3| Opera| Web Apps|
Friends:
Live Help Chat Software
Web Design Quote
Web Design