スマホ対応

[Nagarei]

@platypus999
スマホ対応にするために画面の幅からレイアウトを変えるようにしたいのですが、その場合はプルダウンメニューにしていいですか？

---

@Nagarei
それが良いと思います。その際twitterとfacebookは一番下に移動かな

---

@platypus999
そうします
適当にjsを作っておきます

[platypus999]

スマホ対応のサイトを作るにあたり、
htmlのheadにcssを直書きする様子が散見されました。（僕もそうしていました）
しかし、スマホ用にデザインを作り直すにあたり、cssがばらけていると困るので、
designfile内のcssに加えて、そのファイルからcssデータを読み込む形にしてください。
自分はとりあえず一ファイルだけやったのですが、ほかの記事の構成がよくわからなかったので、
全ての記事のcssを移す作業をしてほしいです。

[Nagarei]

commom/css/*.css
はそのままで良い？
2.

#button_center{
    width: 340px;
    margin-left: auto;
    margin-right: auto;
}

(/production/2016/index.htmlより)
のような短いのも別のファイルに移さないとだめ？

[Nagarei]

https://developers.google.com/webmasters/mobile-sites/mobile-seo/
参考になるのかなぁ？
とりあえず

[Nagarei]

モバイルフレンドリーかどうか確かめられるgoogleのサービス
PageSpeed Insights
モバイル フレンドリー テスト

[platypus999]

はい、そのサイトの一番上の方法でHTMLを構築するにはcssの並びを複数用意しなければいけないので、外部ファイルに移します。commonにあるものはもう外部化されているので大丈夫だと思いますが、どのような短い構文も、スマホ用に別のスタイルを作るならば外部化するべきです。
あと、外部化するときは必ずclass idを付与しておいてください。例としてclass tab1を作りました。

[platypus999]

複数人が同時に取り組むと車輪ができるので、
css移動は先輩にお願いしてもいいですか。

にあるcssを外部ファイルにもっていく作業です。

[Nagarei]

了解です。

[Nagarei]

cssファイルはhtmlごとに分けるで良いですか？
それとも機能ごとき分けたほうが良いですか？

[platypus999]

機能ごとに分けてもいいですし、一つのファイルにしてしまってもいいです。

[Nagarei]

common内部のやつも全てclassにしないとだめだよね？
その際はidをclassに置き換える感じで良いのかな？

[platypus999]

common内部は大丈夫なはずです。
classとidって確か役割が一緒だった気がするので…