beatovich: neue SVG Spritemap

Beitrag lesen

hallo

Dieser Thread hat dazu geführt, dass ich meine bisherige png-Spritemap zu einer SVG konvertiert habe.

Dabei konnte ich noch ein paar Features einbauen.

Die Dateigrösse wird wohl nicht besonders profitieren. Entscheidend aber ist die Skalierbarkeit. Die Unterschiede in der Anzeigeschärfe kann man hier vergleichen:

https://beat-stoecklin.ch/pub/website-docu.html

Bedeutsam ist auch, dass ich mir in einer SVG einfach Platz für zukünftige Icons freihalten kann.

Als Bonus habe ich mit Kombination von Background und ::before{content:""} experimentiert, was natürlich die Zahl der verfügbaren Icons explodieren lässt.

Stolz bin ich auch auf den Umgang mit den Dimensionen. Einzelne Icons holt man über ganze em Schritte.

Zur Experimentier-Bastelbude geht's hier:

https://beat-stoecklin.ch/pub/webdesign_responsive_bilder.html

0 73

responsive Dateigrössen

beatovich
  • responsive design
  1. 3
    Regina Schaukrug
    1. 0
      beatovich
      1. 0
        Regina Schaukrug
        1. 0
          beatovich
      2. 0
        Auge
    2. 0
      beatovich
    3. 2
      Gunnar Bittersmann
      1. 0
        Regina Schaukrug
        1. 0
          Gunnar Bittersmann
          1. 0
            marctrix
    4. 0
      marctrix
  2. 0
    pl
    1. 0
      beatovich
      1. 0
        pl
        1. 0
          Christian Kruse
          1. 0
            pl
        2. 0
          beatovich
          1. 0
            pl
            1. 0
              beatovich
              1. 0
                Christian Kruse
              2. 0
                pl
              3. 0
                pl
  3. 1
    JürgenB
    1. 0
      beatovich
      1. 2
        Christian Kruse
        1. 0
          beatovich
          1. 0
            marctrix
            1. 0
              beatovich
              1. 0
                marctrix
                1. 0
                  beatovich
                  1. 0
                    marctrix
      2. 0
        JürgenB
    2. 0
      Gunnar Bittersmann
      • grafik
      • software
      1. 0
        JürgenB
  4. 0
    Gunnar Bittersmann
    1. 1
      beatovich
      1. 1
        Auge
        1. 0
          beatovich
          1. 0
            Auge
            1. 0
              beatovich
              1. 0
                Auge
        2. 1
          Gunnar Bittersmann
  5. 1

    neue SVG Spritemap

    beatovich
    1. 0

      list-item style gesucht wenn classe auf ul

      beatovich
      1. 0
        Matthias Apsel
        1. 0
          beatovich
          1. 0
            beatovich
            1. 0
              Matthias Apsel
              1. 0
                beatovich
                1. 0
                  Matthias Apsel
                  1. 0
                    beatovich
                    1. 0
                      marctrix
                      1. 0
                        beatovich
                        1. 0
                          marctrix
                          1. 0
                            beatovich
                            1. 0
                              marctrix
                              1. 0
                                beatovich
                                1. 0
                                  marctrix
    2. 0
      Gunnar Bittersmann
      • svg
      1. 0
        beatovich
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
              • browser
              • svg
              1. 2
                Tim T—
            2. 0
              Gunnar Bittersmann
              1. 0
                beatovich
                1. 0
                  Gunnar Bittersmann
              2. 0
                Gunnar Bittersmann
            3. 0
              marctrix
            4. 0
              marctrix
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann