34: Ogled programske opreme SVG - CSS-triki

Anonim

Z SVG lahko storite veliko brez kakršne koli programske opreme. Ob predpostavki, da imate dober vir slik SVG v spletu, jih lahko uporabite neposredno. Toda precej pogosto je, da jih bomo morali nekoliko prilagoditi. Vem, da je moj najpogostejši potek dela, da najdem nekaj blizu tistega, kar rabim na spletnih mestih za fotografiranje, naborih ikon ali podobno, in nato z njim manipuliram, da je točno tako, kot želim. Prilagajanje oblik, brisanje stvari, spreminjanje barv, prilagajanje umetniške plošče, vse te stvari. Takšne stvari je veliko lažje izvajati s programsko opremo, ki je zanj narejena, ne pa ročno v kodi.

Najpogostejša programska oprema, ki jo uporabljamo v tej seriji, je Adobe Illustrator (19,99 USD / mesec). Illustrator je velika, robustna programska oprema za Mac ali PC. Veliko funkcij. In podobno je izbiranju kitare kot instrumenta, ki se ga želite naučiti. Obstaja veliko vadnic, ki jih uporabljajo. Obstaja veliko ljudi, ki uporabljajo to, na katero se lahko obrnete. Illustrator lahko SAVE AS v SVG, kar pomeni, da gre za izvorno obliko datoteke, s katero lahko delate, kar je zelo lepo.

V vsej različni programski opremi, ki si jo ogledamo, nobena od njih ne prikazuje SVG-ja tako optimiziranega, kot bi si verjetno želeli za splet. Vsi vstavijo nekaj splošnih komentarjev in stvari z metapodatki, v katerih piše, v kateri programski opremi je bila ustvarjena in podobno, kar je povsem neuporabno za uporabo v spletu. Še huje, saj poveča velikost datoteke, zaradi česar so stvari počasnejše. Vedno boste želeli optimizirati SVG, ki ga dobite iz katere koli programske opreme (kmalu bomo izvedli screencast o optimizaciji).

Inkscape je še ena priljubljena možnost za urejanje SVG. Mislim, da je to verjetno, ker je večplastna (delo sin Mac, PC, Linux) in je brezplačna. Obstaja tudi že dolgo časa in ima robusten nabor funkcij. Vendar se mi zdi nekoliko nerodno, predvsem kot uporabnik Maca, ker je vmesnik tako čudno drugačen kot vse drugo, česar sem vajen.

Všeč mi je bil Sketch, ki je samo za Mac (99 USD). Še posebej mi je všeč, da lahko izberete predmete in skupine, nato »Make Exportable« in nato SVG je možnost za izvoz kot, kar vam daje obrezan, popolnoma uporaben SVG za uporabo.

Ogledali smo si tudi iDraw (Mac 24,99 USD in iOS 8,99 USD). Obstaja tudi spletna koda (Mac 39,99 USD).

Teh v videoposnetku nismo posebej pogledali, obstaja pa tudi nekaj urejevalnikov SVG, ki temeljijo na brskalniku in so zelo čudoviti:

  • Uredi SVG
  • Metoda
  • Mondrian