blog

• Bokeh Backgrounds with SVG and JS Random blurred bokeh backgrounds with SVG and JavaScript
• SVG Meetup Presentation: Interactive Imagemaps Presentation to the San Francisco SVG Meetup Group, July 15, 2015.
• SVG Backgrounds: Escher Tiles The work of M.C. Escher as vector tiles
• Using SVG in Web Page Backgrounds: Diagonals and Patterns An improved technique on trigonometry
• Pop-Art Backgrounds with SVG and Blend Modes Techniques combining images with blend modes and SVG patterns.
• Styling Visited Links with SVG Giving the user visual progression of links
• Using SVG In Web Page Backgrounds: Stripes From simple stripes to gingham and tartans
• Animated Day-Night Cycle With CSS and SVG Including an animated sky
• SVG Export Settings For Adobe Illustrator Including new options for the latest version of Creative Cloud
• Adobe Illustrator Workflow For SVG Production Producing useful, editable and highly compressed SVG graphics
• SVG Optimisation: The Basics Starting the year off right with a Kiwi and SVG
• Create A Responsive Imagemap With SVG Bringing a traditional web UI into the 21st century
• “Should I Learn XHTML Or HTML5?” A short guide to help aspiring web developers make their first decisions in education.
• Using SVG as an Alternative To Imagemaps A way to make an accurate clickable map quickly and easily.
• Create Adaptive SVG Illustrations With CSS Simplify responsive designs, rather than scaling them.
• Create Brushed Metal Lettering With CSS Gradients Glossy text editable in your HTML.
• Create Quality Print Versions of Web Pages With CSS3 Filters Gain accurate print copies, reduce user frustration, and save toner cartridges.
• Creating a True Cross-Browser Drop Shadow Effect With CSS3 & SVG A dynamic shadow for elements in (almost) every browser
• CSS Fluid Image Techniques for Responsive Site Design Making images scale in browsers and mobile devices.
• Animating CSS3 Image Filters Transitioning greyscale photos to color, blurred to sharp, all in CSS, including browser fallbacks.
• Cross-browser Image Blur Defocus photographs with CSS3 filters and SVG.
• Convert Images To Black And White With CSS A cross-browser color-to-greyscale photographic effect with CSS & SVG
• Text Clipping Masks With SVG Cross-browser knockout text.
• Captioning images in HTML5 While the figure element should not be used for everything, it is great for captioning images.