素材の準備
Closed this issue · 12 comments
@musus @featherplain
それ程画像切り出しが必要な物も無いと思うので、アイコンフォントにする必要も無く、svg スプライトも不要かなと。どうだろう、意見下さい。
場所 | 実装 |
---|---|
ヘッダー最上部 | インライン svg (js で 画面幅 / 4 ずつ) |
ヘッダーロゴ | img(src="svg") |
フッターロゴ | img(src="svg") |
メインビジュアル | img(src="svg") |
検索ボタン | css+svg (content 指定) or png (スプライト画像) |
sns アイコン | css+svg (content 指定) or png (スプライト画像) |
あ、sns ボタンの存在忘れてた。はてブの含まれてるアイコンフォントって確か無かったよね。
これは png のスプライト画像つくりますか。
gulp.spritesmith で、sprite-sns 新たに用意する感じでどうか。
@featherplain 実は png スプライト以外まだまともに使えるタスクを持っていなくて、アイコンフォントにするほうがもう少し早そうなんだけど、何れにしろ実装は後日という形でどうか。
@vwxyutarooo そしたら twitter と facebook と pocket の3つを22日までに実装かしら
@featherplain 4つを画像スプライトにしてとりあえず22日を乗り切るのは?
或いは数的に手動でアイコンフォントにしてしまってもいいか。
4つを画像スプライトにしてとりあえず22日を乗り切るのは?
うん、とりあえずこれでいきましょう!流石に Retina できれいに見えるようにはしたいな。
あとヘッダー最上部 svg でいいと思うーCSS だと無駄な div 要素とかが増えるからだよね?
@featherplain 最上部 js 要らなかったよねw
これを css で作るのはちょっとあれかな。画像で background-image でもいいけど、この程度なら csv でも手間かからないから、書けるなら csv で書く。書けなければ画像でもよし、という感じかな。
@vwxyutarooo csv?w svg で書きませう!
@featherplain csvwww 眠い! 限界! 見逃してw
決定事項
場所 | 実装 |
---|---|
ヘッダー最上部 | インライン svg |
ヘッダーロゴ | img(src="svg") |
フッターロゴ | img(src="svg") |
メインビジュアル | img(src="svg") |
検索ボタン | css+svg (content 指定) |
sns アイコン | css+svg (content 指定) |
sns シェアボタン | png スプライト(v0.1.0用) |
sns シェアボタンのアイコンは、ひとまず4つともスプライト画像で22日を乗り切る
これで OK かな? @vwxyutarooo