2018年6月22日のブックマーク (2件)

  • Webデザインを「もっとかっこよくして!」と言われた時に試したいCSS小技5つ

    2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね! ↑私が10年以上利用している会計ソフト! 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく

    Webデザインを「もっとかっこよくして!」と言われた時に試したいCSS小技5つ
    suito15
    suito15 2018/06/22
  • デザインチェック項目50

    1.記事は10行程度で改行する。また文1行30~35文字程度で折り返す文字サイズおよび文字幅にする。 2.パンくずはあるか(外す場合妥当な理由があるか) 3.フッターにサイトマップがあるか(外す場合妥当な理由があるか) 4.問い合わせは目立つか(目立たせない場合妥当な理由があるか) 5.外部リンクは別窓設定されているか。また別窓アイコンが設置されているか 6.三階層程度の構造になっているか(これ...

    デザインチェック項目50