タグ

ブックマーク / creators-manual.com (2)

  • CSSだけで作るtableデザインテクニックVer.02(おまけ付き)

    今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます! こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです!!予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました! 気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ! CSSテーブルデザインテクニック01 HTML テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top

    CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
    rspk315
    rspk315 2016/06/19
    “<table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top">table title02</th> </tr> <tr> <td class="t_line01">01</td> <td class="t_line01">textarea</td> <td class="t_line01">textarea</td> </tr> <tr> <td class="t_line02">02</td> <td class="t_line02">textarea</td
  • 配色に悩んだときに、きっと役立つ7つの配色技法【基本】

    私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基的な7つの配色技法を紹介したと思います! 基的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色

    配色に悩んだときに、きっと役立つ7つの配色技法【基本】
  • 1