タグ

デザインに関するmalibu-bulldogのブックマーク (2)

  • HTML5+CSS3は「メニューの作り方」を覚えるだけ!

    ここでは、基的なCSSの設定方法と装飾の基を解説します。サンプルファイルを用意しましたので、以下からダウンロードしてご利用ください。 ダウンロード 初めに「sample1」フォルダのサンプルを使います。前述のHTMLファイルの<body>~</body>の間に以下を記述します。 <div class="sidemenu"> <h3>Cat Tsusin</h3> <ul> <li><a href="#">HOME</a></li> <li><a href="#">Introduction</a></li> <li><a href="#">Life</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </div>

    HTML5+CSS3は「メニューの作り方」を覚えるだけ!
    malibu-bulldog
    malibu-bulldog 2013/02/27
    CSSでメニュー
  • デザイン時に注意したい角丸の使いかた - Design Color

    もくじ 大きな角丸はあまり使わないほうがいい理由 要素によって角丸の大きさを使い分ける理由 大きめの角丸でもおかしくない場合は? 角丸の大きさを後から調整するPhotoshopプラグイン はじめに なんとなくで使っていたけど、一度ちゃんと考えてみよう!と思わせてくれたきっかけは、こちらのスライドでした。 今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック 大きな角丸はあまり使わないほうがいい理由 「ズルいデザイン」のスライドでは、「角丸は5〜6pxくらいが最も無難でキレイ」とのこと。また、下記のようにも言われています。 「R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです」 引用元:少ない手間と知識でそれなりに見せる、ズルいデザインテクニック たしかに、私も以前に、デ

    デザイン時に注意したい角丸の使いかた - Design Color
  • 1