-
1:ID:m8D1Km · 2017-12-14

#質問 svgってcssで色変えられるの便利すぎぃ!と思いきや、すっげぇコード汚くなるのな。
どうやって対処してる?
webfont化はなんとなく邪道な気がするし、 jsはパフォーマンス落ちそうだしなぁ。

23 件の回答

2:ID:.wmwjg · 2017-12-14

SVGを使わない

3:ID:j34EGw · 2017-12-14

邪道と思ってるものが正道

4:ID:Hc5.Eh · 2017-12-15

漢は黙ってsvgスプライト

5:ID: · 2017-12-15

Re:3 だってまだWebFont化なんて一般的じゃないじゃん、他の人にicomoon使ってって説明するのなんだかなぁ

6:ID:8RtNkX · 2017-12-15

WebFontに関しては、日本語ではデータセットが重くなりすぎて、サイト表示のスピードが死ぬから選択肢になりえない、って深津さんが言ってた。
https://note.mu/fladdict/n/naac944b0078f
英語サイトならありだと思うけど。

7:ID:j34EGw · 2017-12-15

Re:5
俺は3年前からウェブフォント使ってますよ。今どこでも使ってるし、フォントーサムなんてどこでみあるし、むしろ最先端技術を取り入れてった方が付加価値高くなるよ。

8:ID: · 2017-12-15

Re:6 あーなんか同僚も似たようなこといってて却下されたんだよなぁー。

9:ID: · 2017-12-15

Re:7 そうかなぁ、自分だけなら迷わずicomoon使うんだけどね。関係ないけどフォントーサムって読むんだアレ。

10:ID:Np3tDo · 2017-12-15

Re:9
フォンt・オーサm

11:ID: · 2017-12-15

Re:10 aweってオーだったんかー!

12:ID:j34EGw · 2017-12-15

Re:11
主やばいよ。フォント・オーサムの読みをアウェサムみたいに言ってたら「本当 おー寒っ!!」って言われるよ

13:ID:LPtHQs · 2017-12-15

Re:12
おーさむ(以下ループ)

14:ID: · 2017-12-15

Re:12 本当おーさむwww 恥ずかしながら「フォントなんとか」っていってたんだぜ。これで伝わる周囲の優しさよ…

15:ID:BDqTPq · 2017-12-15

Re:8
データセット云々は日本語フォントを使うときの話ですよね。アイコンとして使う分には全然関係ないと思います! 当方の業務ではどちらも普通に使っていますよ。特にクレームも出たことなく、むしろ喜ばれています。

16:ID: · 2017-12-15

Re:15 同僚が意識低すぎて新しい技術導入しようとするとイライラされるんだよ~!sassなんかもめんどくせえって舌打ちされたし涙
しかし今回ばかりは押してみるか。一般化したほうがいいもんなぁこういうのは。

17:ID:j34EGw · 2017-12-15

Re:8
それできない奴が馬鹿の一つ覚えでやってんだぜ(ワロ
データセットなんて使う分しかダウンロードしないから普通に見えるよ。

18:ID:GTRgRJ · 2017-12-18

Re:6
リンク先がトピの内容とまったくもって関係していないんだが、それが分からないぐらいWebフォントが知られていないってことか。

19:ID:GTRgRJ · 2017-12-18

なんか主の書き込み見てると認識にだいぶ差があるみたいだなあ
Webフォントなんて外部サービス使わなくても自作できるし、CSSコード生成まで自動化(ベクター保存したらhtml上でclass指定するだけ)もできるから、使わない理由がないくらい便利なんだけど。CSSスプライトなにそれってくらいに。とりあえずデザイナーだからって甘えずにnpmぐらい使えるようになれ。おそらくそういう技術的障害で思考停止してるから情報が入ってこないんだと思うぞ。

20:ID: · 2017-12-18

Re:19 node.jsなら最近やっと導入したんだけどさー、正直そこまでできるやつが周りに居ないし、導入したら修正は全部俺がすることになるんだよー
自動化するのはいいのけどさ、

21:ID: · 2017-12-18

Re:19 コメ主がいってるのはこれかな?
https://blog.yug1224.com/archives/563d9b67bf652a600632d058
わぉ便利ー!でもやっぱりうちのポンコツチームにはnode.jsがあまりにも高すぎる山なのであった…個人で使う分には活用させていただきます。ありがとうございまっする。

22:ID:GTRgRJ · 2017-12-18

Re:21
おれはSketch使ってるから、リンクよりももう少し汎用性高い感じ。

23:ID:GTRgRJ · 削除
24:ID:GTRgRJ · 2017-12-18

Re:21
node+sketchだと、sketchでアイコンデザイン(ベクターファイル)保存をトリガーに、アイコンファイル作成、css生成、ブラウザリロードまで自動化できるよ。最初知った時の目からウロコ感がすごかった。イラレで例えるなら、イラレファイル保存したら即ブラウザに反映される感じ。

コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る