どうもれーめんです。
頂いたデザインカンプを基に「Bootstrap」を使ってサイトをコーディングしています。
サイズがぴっちり決まった、今まで通りのデザインカンプからレスポンシブでコーディングしていくのは、なかなか骨の折れる作業だなと・・・。
今まで、レスポンシブでコーディングした経験がなかったので、勉強になるなと思いつつも従来のWeb制作のやり方では上手くいかないなとも思いました。
特にわけもわからず「Bootstrap」を採用しましたが、案外余計な部分であったり不要な部分が多いので採用する際は、その辺を踏まえて使うのがいいですね・・・。
(※公式サイトでカスタマイズしてダウンロードできるみたいですが)
つまづいたこと
htmlタグに、様々なスタイルが適応されている
各見出しタグやpタグなどに色々とスタイルが設定されているので、使う際はreset.cssやらをbootstrapのcssの後に読み込ませて使いましょう・・・。
(自分はコーディング終盤に気づいたので、わざわざスタイルを上書きしてる箇所がたくさんでした・・・。)
カラムには溝(ガーター)が存在する
Bootstrapのウリであるグリッドシステムですが、各カラムごと左右にpaddingが存在しているので場合によっていらないことも。
なので、打ち消しようのスタイルを用意しておくといいと思います。
色々と準備不足であったり、デザインとコーディング作業を両立して1人でこなしてる人は凄いなーと思いつつ自分ももっと頑張らないと・・・。
簡単なところで色々とつまづいたりしてるので・・・。