Enter your contact information.
Enter your project information.
Step 3Choose the PHP programmers you want to hire.
Compare Free PHP Quotes
Getting Started with Scalable Vector Graphics (SVG)
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
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:
- Adobe Proposes New Standard for 3D Effects on the Web
- ‘Donatello’ Library Simplifies CSS 3 Drawings
- Rafael Library Paints a Pretty UI Future
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
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
Web site design and development. International clients are welcome.
Quilcene, Washington US
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
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
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
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
Live Help Chat Software
Web Design Quote
Web Design
