search

motorkey / twing_hp

0 stars 0 forks source link

[WIP]add sp design #4

Closed Atsukyyy closed 7 years ago

Atsukyyy commented 7 years ago

HTML,CSSを分けるよりこっちのほうが望ましい

Atsukyyy commented 7 years ago

screencapture-file-users-atsuki-workspace-twing-top-html-1497765074254

Atsukyyy commented 7 years ago

2017-06-18 16 07 02

2017-06-18 16 07 11

2017-06-18 16 07 25

Atsukyyy commented 7 years ago

screencapture-file-users-atsuki-workspace-twing-top-html-1497770670844

hamburger 2017-06-18 16 24 16

Atsukyyy commented 7 years ago

htmlに--spを作るのではなくscss側で分岐させてデザインを作って欲しい。

pc版と大幅に違う（もしくは要素自体も増える）箇所のため、html側にあたらしく要素をつくってhidden-pcしないときつい。 こういうところとか。

pc 2017-06-18 17 41 56 sp 2017-06-18 17 42 09

Atsukyyy commented 7 years ago

もう一点は、paddingを設定することでtopCoverの両端が隙間あるが、本当はこれはないので詰めるデザインで。

下画像に合わせるのではなく、widthは100vwという認識でok? 2017-06-18 17 25 49

motorkey commented 7 years ago

100vw ok. デザインの雑な部分の共有、必要だな。文言の件もあったし。

Atsukyyy commented 7 years ago

こういうところのwidthも確認してもらえると助かる。

2017-06-18 17 48 27

Atsukyyy commented 7 years ago

widthと画像、ロゴは決まり次第実装

基本デザイン↓ screencapture-file-users-atsuki-workspace-twing-top-html-1497777594702