Frontend Dogma

“svg” Archive

(Need an explanation? Look for “svg” at WebGlossary.info.)

  1. SVG Coding Examples: Useful Recipes for Writing Vectors by Hand (via) · · ,
  2. Line Numbers for “<textarea>” Using SVG (by) · · ,
  3. Have It All: External, Styleable, and Scalable SVG (by) · · ,
  4. “Practical SVG” Is Now Free to Read Online (by) · · ,
  5. Minimal SVG Favicon (by) · · , ,
  6. Ditch the Pixels: The Small and Vectorized Web (by) · · ,
  7. Morphing Arbitrary Paths in SVG (by) · ·
  8. Accessible SVG Forms (by) · · , ,
  9. The HTML, CSS, and SVG for a Classic Search Form (by/via) · · , , ,
  10. Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (by) · · , , ,
  11. Everything You Need to Know About Image Formats in 2024 (via) · · , , , , , ,
  12. Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (by/via) · · , , ,
  13. What Is CSS Motion Path? (by) · · ,
  14. Responsive SVGs (by/via) · · ,
  15. Create Dynamic Web Experiences With Interactive SVG Animations (via) · · , ,
  16. An Introduction to Working With SVGs in React (via) · · , ,
  17. Changing Colors in an SVG Element Using CSS and JavaScript (by) · · , ,
  18. Let’s Make a Rubber Button With HTML, CSS and SVG (by/via) · · , , ,
  19. Please Size Your Inline SVGs (by) · ·
  20. SVG Gradients: Solving Curved Challenges (via) · · ,
  21. Creating SVG Animations Using Tailwind CSS (by+/via) · · , ,
  22. Understanding SVG Paths (by) · ·
  23. That Time When SVG Almost Got Network Support for Raw Sockets · · ,
  24. Unlocking SVG’s Superpowers (by/via) · · ,
  25. Building an Animated SVG Logo With animejs (by/via) · · , , ,
  26. Learn Images (by/via) · · , , , , , ,
  27. Easy SVG Customization and Animation: A Practical Guide (by/via) · · , ,
  28. 6 Common SVG Fails (and How to Fix Them) (by/via) · ·
  29. Interactive SVG Reference (by) · ·
  30. Invisible Ink Effect With SVG Filters and CSS (by) · · , , ,
  31. What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project (by) · · , ,
  32. SVG Sprites: Old-School, Modern, Unknown, and Forgotten (by) · · , ,
  33. How to Scale SVG (by/via) · · ,
  34. Dreamy Blur (by) · · ,
  35. 8 Tricks for SVG Optimization (by/via) · · , ,
  36. Vector Animations With Figma and SVG Animate (by/via) · · , ,
  37. Can SVG Symbols Affect Web Performance? (by) · · ,
  38. How to Animate SVG Shapes on Scroll (by/via) · · , ,
  39. Magical SVG Techniques (via) · · ,
  40. Optimizing SVG Patterns to Their Smallest Size (by/via) · · ,
  41. Using “mask” as “clip-path” (by) · · ,
  42. Creating Generative SVG Grids (by/via) · · ,
  43. Building UI Components With SVG and CSS (by) · · ,
  44. The Many Methods for Using SVG Icons (by) · · , ,
  45. Wrapping Text Inside an SVG Using CSS (by) · ·
  46. Fractional SVG Stars With CSS (by) · · ,
  47. Using SVG With Media Queries (by/via) · · ,
  48. Thinking About the Cut-Out Effect: CSS or SVG? (by) · · , , ,
  49. OMG, SVG Favicons FTW! (by) · · , ,
  50. Adding Shadows to SVG Icons With CSS and SVG Filters (by/via) · · , , , , ,
  51. How to Use SVG Image Sprites (by/via) · · , ,
  52. How We Learned to Draw Text on HTML5 Canvas (via) · · , , ,
  53. Icon Fonts vs. SVGs—Which One Should You Use in 2018? (via) · · , ,
  54. GIF, PNG, JPG, or SVG: Which One to Use? (via) · · , , , , ,
  55. What Is the Right Image Format for Your Website? (by/via) · · , , , , ,
  56. Know It All (by) · · , , , , , ,
  57. A Compendium of SVG Information (by/via) · · , ,
  58. WordPress SVG Support: How to Enable SVGs in WordPress (by/via) · · , ,
  59. Accessible SVGs (by/via) · · , ,
  60. Practical SVG (by/via) · ·
  61. SVG Lessons I Learned the Hard Way (by/via) · · , ,
  62. SVG Is for Everybody (by/via) · · ,
  63. Making SVGs Responsive With CSS (by/via) · · , ,
  64. Responsive Web Design, CSS Specificity, and SVG Knowledge (by/via) · · , , ,
  65. Tips for Creating Accessible SVG (by/via) · · , ,
  66. Media Queries in SVG Images (by/via) · · , ,
  67. Resolution Independence With SVG (by/via) · · , ,
  68. A Farewell to CSS3 Gradients (by/via) · · , , ,
  69. SVG Is the Future of Application Development (via) · · , ,
  70. Content Negotiation in Heterogenous XML Environments (by) · · , , , , ,
  71. Recommended Doctype Declarations to Use in Your Web Document (by/via) · · , ,
  72. SWF vs. SVG—Which Should You Choose? (via) · · , ,
  73. A Milestone for SVG · · ,
  74. A New Face for the Web (via) · · ,
  75. Confetti Generator (via) · , , , , , ,
  76. SVG to Data URI Converter (via) · , ,
  77. JPEG to SVG Converter (via) · , , , ,
  78. Wave-Style SVG Generator (via) · , , , ,
  79. SVG URL Encoder (by) · , , , ,
  80. SVG Shape Generator (by) · , ,
  81. SVG Optimizer (Jake Archibald) (by) · , , ,
  82. SVG Optimizer (Daryll Doyle) (by) · , , ,
  83. SVG Editor (by) · , ,
  84. Icon Font, SVG, PDF, and PNG Generator · , , , , , , ,
  85. Raster Image to SVG Converter (by/via) · , , ,
  86. SVG and CSS Gradient Generator · , , , ,
  87. SVG Validator (by) · , ,