soarhorse

社会に出てだいぶ経つウェブデザイナーが、色々書いたりしてます。

仕事

Bootstrapでコーディング

投稿日:

どうもれーめんです。

頂いたデザインカンプを基に「Bootstrap」を使ってサイトをコーディングしています。

サイズがぴっちり決まった、今まで通りのデザインカンプからレスポンシブでコーディングしていくのは、なかなか骨の折れる作業だなと・・・。
今まで、レスポンシブでコーディングした経験がなかったので、勉強になるなと思いつつも従来のWeb制作のやり方では上手くいかないなとも思いました。

特にわけもわからず「Bootstrap」を採用しましたが、案外余計な部分であったり不要な部分が多いので採用する際は、その辺を踏まえて使うのがいいですね・・・。
(※公式サイトでカスタマイズしてダウンロードできるみたいですが)

つまづいたこと

htmlタグに、様々なスタイルが適応されている

各見出しタグやpタグなどに色々とスタイルが設定されているので、使う際はreset.cssやらをbootstrapのcssの後に読み込ませて使いましょう・・・。
(自分はコーディング終盤に気づいたので、わざわざスタイルを上書きしてる箇所がたくさんでした・・・。)

カラムには溝(ガーター)が存在する

Bootstrapのウリであるグリッドシステムですが、各カラムごと左右にpaddingが存在しているので場合によっていらないことも。
なので、打ち消しようのスタイルを用意しておくといいと思います。

色々と準備不足であったり、デザインとコーディング作業を両立して1人でこなしてる人は凄いなーと思いつつ自分ももっと頑張らないと・・・。
簡単なところで色々とつまづいたりしてるので・・・。

-仕事

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

no image

【ヘテムル】ベーシック認証で500エラー

どうもれーめんです。 ヘテムル上で以前作ったテストサイトが必要になった為、そのテストサイト(ベーシック認証導入済)へアクセスすると500エラーが・・・。 パスワードを間違えても、入力欄が戻ってこず50 …

no image

他社管理のドメインを自社管理へ移管する

どうもれーめんです。 ウェブサイトをwordpressでリニューアルする際に、 他社管理のドメインを自社管理へ移管することになりました。 私自身、基本的にWeb制作については、「サイトデザインを作る」 …

no image

レンタルサーバー:sixocore

どうもれーめんです。 お仕事にて、「sixcore」というレンタルサーバーを触ることになりました。 運営自体はエックスサーバーが行っているみたいですね。 作業をしていて、ちょいちょい面倒だなあと思う箇 …