社畜エンジニア発掘戦線

駆けだしAIエンジニア

2018-07-01から1ヶ月間の記事一覧

Bootstrapで遊ぶ12(ナビゲーションバーの作成)

おつかれさまです。いろいろいじってきたナビゲーションをバーとして、ページの上下に固定したり、スクロールと一緒に動かしたり、検索フォームとか作ったり、いろいろやってみます。今回はめざすデザインの目標を決めて、そこへ向かってより道しながらいろ…

Bootstrapで遊ぶ11(ナビゲーションバーの作成)

おつかれさまです。次に触ってみるコンポーネントは「ナビゲーション」、これはよくホームで上の方に「概要」とか「住所」とかいろいろ横リストになっているアレです。そーいえば、むかしのメモでCSSから自力で作ったことありましたね(大変だった)、shachi…

Bootstrapで遊ぶ10(テーブルの作成)

おつかれさまです。ページレイアウトによく使うコンポーネントのひとつにテーブル(表)があります、これはめっちゃ使います、Bootstrapにもテーブルの仕様があるのでどないなもんか確認しておきます。

Bootstrapで遊ぶ9(文字、背景色の設定)

おつかれさまです。大きな枠組み、レイアウトが作れるようになったところで、文字や色の設定を確認したいと思います。これまではstyleを使ってゴリ押しで文字や背景色のデザインを管理していましたが、styleではなくBootstrapにも文字や背景色を設定できる仕…

Bootstrapで遊ぶ8(ジャンボトロン)

おつかれさまです。Bootstrapを使ってある程度レイアウトが作れるようになってきたので、今度は具体的なコンポーネントを使ってデザインを構築してみます。まず使ってみるのは「ジャンボトロン」、ページ先頭に大きくタイトルだったり説明とか書いたりする、…

Bootstrapで遊ぶ7(マージン)

おつかれさまです。Bootstrapを使ってレスポンシブなレイアウトの作成が可能になってきました。ただ、このレイアウト、問題が、「すき間がない」、、JKに挟まれた満員電車ならいいのですが、ビューファイルにおけるすき間のないレイアウトは窮屈で、情報過多…

Bootstrapで遊ぶ6(レスポンシブ応用)

おつかれさまです。もう少し複雑なレスポンシブデザインを確認してみます。スマホ画面に切り替えたとき(画面を小さくしたとき)にコンテンツが幅いっぱいになるのではなく、任意のブロック構成になるようにしてみます。