SVG Graphics

  1. SVG Workflow and Applications
    1. SVG Creation Methods
      1. Hand-coding
        1. Text Editor Usage
          1. Advantages and Limitations
          2. Vector Graphics Software
            1. Adobe Illustrator
              1. Inkscape
                1. Figma
                  1. Sketch
                    1. Export Considerations
                  2. Design Tool Export
                    1. Export Settings
                      1. Path Simplification
                        1. Layer and Group Preservation
                          1. Web Optimization
                          2. Code Cleanup
                          3. Web Development Applications
                            1. Icon Systems and Sprites
                              1. SVG Spritesheets
                                1. Symbol-based Systems
                                2. Logos and Branding
                                  1. Responsive Logos
                                    1. Theming and Color Adaptation
                                    2. Data Visualizations
                                      1. JavaScript Library Integration
                                        1. Accessibility in Visualizations
                                        2. Complex Illustrations and Animations
                                          1. Storytelling and Infographics
                                            1. Animated Illustrations
                                          2. Version Control and Collaboration
                                            1. Repository Management
                                              1. Code Diffing and Merging
                                              2. Technology Integration
                                                1. HTML and CSS Combination
                                                  1. Framework and Library Embedding

                                                Previous

                                                9. Optimization and Best Practices

                                                Go to top

                                                Back to Start

                                                1. Introduction to SVG