タグ

Web Designに関するtetsuya_odakaのブックマーク (2)

  • 【保存版】各サイトの box-shadow まとめ - Qiita

    はじめに 最近は google が提唱したマテリアルデザインが流行しています。マテリアルデザインのガイドラインに従っておけば、モダンでそれっぽいデザインになるので、デザインセンスのないプログラマとしては、非常にありがたいですね。 ところで、マテリアルデザインといえば影が特徴的ですが、どのくらいの影にすれば良いのか迷うことはありませんか? 私も、今回新規にサイトのデザインをするにあったって、影の付け方を迷ったため、様々なマテリアルデザインのサイトを巡回して、どんな影の付け方をしているのか調べてみました。 Google ヘッダやカードなどは以下のように定義されています。

    【保存版】各サイトの box-shadow まとめ - Qiita
  • 初心者のための簡単なBootstrap3のはじめ方

    BootstrapのようなCSSフレームワークを使うことで簡単に迅速にレスポンシブデザインやWebサイトのレイアウトをつくることができるようになります。 今までは1からレイアウトを作っていたり、テンプレートを使用して毎回同じようなレイアウトになったりしていましたが、Bootstrapを使うことでより簡単に自由なレイアウトを構築することが可能になりました。 そこでこの記事では最新版の3.0を使ってBootstrapの基的な使い方から、Gridシステムの使い方まで紹介していきます。また、Bootstrapをさらに使いやすくするためのツールなども紹介していきます。 Bootstrap3をダウンロードする ではまず始めに以下の公式サイトからデータをダウンロードします。左側にあるダウンロードボタンからダウンロードしましょう。 Bootstrap3のダウンロード ファイルの中身はこのようになっていま

    初心者のための簡単なBootstrap3のはじめ方
  • 1