Czy jak potrzebuje ikonki w kółeczku i mam już same ikonki w SVG. To lepiej to kółeczko dorobić w SVG czy używając CSS? Normalnie border-radius:50% i background-color? Dodam że kształt wszędzie będzie taki sam, kolor też.
0
2
Robiąc to w CSS masz możliwość łatwej zmiany koloru czy grubości tych otoczek. Jedną zmianą jednego pliku CSS od razu ogarniasz temat wszystkich kółeczek. Jak będziesz to miał w pliku graficznym, to musisz przeedytować każdy plik z każdą ikoną, żeby uzyskać taki sam efekt.
1
Właśnie ja bym to zrobiła w ten sposób ale dostałam już w SVG i myślę by to przerobić bo tylko patrzę, patrzę i nie ogarniam co gdzie jak i po co. Strasznie długi kod tego SVG i mała reusywalność. Chce zmienić kolor masakra. Przepiszę to <3 Dziękuje za opinie <3
1
cerrato napisał(a):
Robiąc to w CSS masz możliwość łatwej zmiany koloru czy grubości tych otoczek. Jedną zmianą jednego pliku CSS od razu ogarniasz temat wszystkich kółeczek. Jak będziesz to miał w pliku graficznym, to musisz przeedytować każdy plik z każdą ikoną, żeby uzyskać taki sam efekt.
SVG to plik tekstowy. Można mieć kilka ikonek w jednym pliku, ale nie wiem czy to podeście właściwe. plik, użycie (ikonki na dole strony).
Ale mimo wszystko jestem po stronie CSS, zwłaszcza jak są preprocesory do CSS. BTW Ciekawe czy są preprocesory do SVG?
2
cerrato napisał(a):
Robiąc to w CSS masz możliwość łatwej zmiany koloru czy grubości tych otoczek. Jedną zmianą jednego pliku CSS od razu ogarniasz temat wszystkich kółeczek. Jak będziesz to miał w pliku graficznym, to musisz przeedytować każdy plik z każdą ikoną, żeby uzyskać taki sam efekt.
Ale przecież SVG można osadzić bezpośrednio na stronie i stylować w CSS: https://jsfiddle.net/1d3mv2zo/
0
lightinside napisał(a):
Właśnie ja bym to zrobiła w ten sposób ale dostałam już w SVG i myślę by to przerobić bo tylko patrzę, patrzę i nie ogarniam co gdzie jak i po co. Strasznie długi kod tego SVG i mała reusywalność. Chce zmienić kolor masakra. Przepiszę to <3 Dziękuje za opinie <3
To że kod jest bardzo długi to nie ma znaczenia. Jest to ułamek ile zajeła by grafika rasterowa. Jak naprawde chcesz porównać długość to otworz jakieś jpg z ikonką w hex editor i zobacz ile tam jest tekstu :)
Aby przerobić SVG musisz mieć wiedzę jak korzystać z programów takich jak np. corel.
0
Jest to ułamek ile zajeła by grafika rasterowa
Ale w tym, o czym pisała @lightinside nie chodziło o rozmiar w sensie objętości/wielkości, tylko że to jest plik o skomplikowanej strukturze, w którym zwyczajnie nie chce grzebać, bo go nie rozumie.
P.S. rastrowa a nie rasterowa :P
0
Wybierz CSS bo jest starszy od SVG i dzięki temu strona będzie kompatybilna ze starymi przeglądarkami, może nawet otworzy się na telefonie.