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 →
Archive for the SVG Category
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 →