2013 Favorites
A review of the top five most popular web development articles from 2013, covering responsive images, performance budgets, and CSS/device quirks.
A review of the top five most popular web development articles from 2013, covering responsive images, performance budgets, and CSS/device quirks.
Explores modern web techniques (CSS, SVG, Canvas) to create textured, visually rich text effects without using static image files.
A tutorial on animating SVG path transitions using SMIL, comparing it to JavaScript libraries like RaphaëlJS for a Batman emblem project.
Explores using CSS media queries embedded within SVG files to create responsive graphics that adapt based on their own size, not just the screen.
A guide to vertically centering text using SVG, detailing the method, its advantages, and browser compatibility considerations.
Preview the upcoming CSS corner-shape property with an interactive SVG tool, exploring beveled, scooped, and notched corners before browser support.
Critique of non-standard CSS text masking and advocacy for using SVG as a standards-compliant alternative for text effects.
Performance comparison showing CSS gradients outperform SVG backgrounds in dynamic effects due to browser rendering overhead.
A tutorial on using Clojure to programmatically color SVG maps of Europe, demonstrating XML parsing and manipulation.
Creating CSS reflections in Firefox using -moz-element() and SVG masks, as an alternative to -webkit-box-reflect.
Discusses the W3C's new HTML5 logo and the debate over using 'HTML5' as a buzzword for a broader set of web technologies, analyzing its impact on developer clarity.
A developer shares a public-domain SVG world map for visualizing country-specific data, created as a static alternative to matplotlib basemap.
A critical analysis of using pure CSS for complex illustrations, arguing it's a misuse of the technology compared to more suitable alternatives like SVG.
Opera browser achieves a near-perfect 100/100 score on the new Acid 3 web standards test, leading other major browsers in rapid compliance.
A technical article explaining how to fix missing arrowheads in SVG diagrams generated by Batik by adjusting marker properties.
A developer details solving the challenge of generating HTML imagemaps from SVG hyperlinks using the Apache Batik toolkit, including patching and fixing coordinate issues.