Our team is starting to look at SVG on the web and in our tools and at ways it can be better. We would love to hear your input and where you’ve hit problems using SVG. Whether it’s inconsistent behavior across browsers or challenges in Adobe tools when working with SVG – we want to... Continue reading →
Archive for the SVG Category
Using HTML for Rich Media Advertising
As web technologies like SVG, WebGL, and Canvas continue to get richer, more expressive, and better supported, it makes sense to start turning to them more frequently for common rich media solutions like advertising. That’s why, when the Adobe Web Platform team got the opportunity to sponsor CodePen for February, we decided to make a... Continue reading →
Better SVG for a better web
Thanks to support by all major browsers, and an increasing variety of devices and screen resolutions, SVG’s built-in responsiveness is attracting much attention and exploration. Most recently, Lonely Planet has worked on moving from icon fonts to SVG. One notable motive for the switch was the ability to style SVG with CSS. Several sites offer... Continue reading →
PBS KIDS on Snap.svg
I had a chance to catch up with Miguel Montanez from PBS KIDS yesterday at HTML5 Dev Conf and ask him a couple of questions about how they’re using Snap.svg. I was glad to see that Snap really simplifies their designer/developer workflow, and that PBS KIDS has extensive plans for it in the future. Continue reading →
Improving CSS text decorations
The possibilities to style, decorate and lay out text in HTML are just awesome! CSS has done an incredible job to make this possible. But if you are familiar with SVG you may still miss two very exciting features. Stroke and fill text SVG allows authors to stroke and fill a text. The stroke is... Continue reading →
Building a Screensaver in HTML
To get some experience working with and optimizing CSS 3D transformations, we decided to build an HTML screensaver demo (GitHub repo). Here’s how it works: Open the demo in any modern browser with proper 3D CSS transformation support (Chrome, Safari, or Firefox). Choose your favorite image sharing services (Flickr, 500px, Instagram, or Dribbble). Watch the... Continue reading →
SVG Styling
SVG is the standard scalable vector based graphics format for the web and it’s supported by all modern web browsers. SVG’s importance has grown with the increasing number of high resolution devices. JavaScript libraries like Raphaël can be used as shims to support Internet Explorer 6 – 8. The more people update to modern browsers,... Continue reading →