タグ

ブックマーク / webarekore-c.hatenablog.com (2)

  • 簡単にリボンやボタンを作る! CSSジェネレーター「Live Tools」を使ってみよう! - Webデザイン初心者向けのあれこれ

    もうすっかりCSS3も浸透したようですね。 スマホのアプリなんかを見ていても、「おっ、ここはCSS3使ってるな」なんていうデザインをよく見かけたりします。 画像を使わなくてもそれなりに豪華な見栄えを作る事が出来るので重宝しているのですが、グラデーションやら、リボンやら、あれって自分で一から書こうとすると結構面倒くさいですよね。 そこで、今日は簡単にリボンやボタンが作成できるCSSジェネレーターの「Live Tools」を紹介します。 トップページはこんな感じ。 ここから、自分が作りたいものを選んでクリックします。 試しに一番右端のリボンをクリックすると…。 こんな画面が出てくるかと思います。 このページが作業画面ですね。 この時点で、やっぱり別のを作りたい!という場合は、右上の「Change Tool」というボタンを押すだけで切り替えられるみたいですね。 さて、この画面をスクロールしていく

    簡単にリボンやボタンを作る! CSSジェネレーター「Live Tools」を使ってみよう! - Webデザイン初心者向けのあれこれ
  • 【無料で商用可】文字の印象をグッと変える使いやすいカリグラフィーまとめ - Webデザイン初心者向けのあれこれ

    「カリグラフィー」という言葉をご存じでしょうか? カリグラフィーとは文字(特に欧文)を美しく書く技術のことです。古くはコーランにも用いられ書面を美しく飾ることに使われてきました。 参考 : カリグラフィー - Wikipedia カリグラフィーはフォントにも用いられますが、今回はシンプルで使いやすい飾り枠としてのカリグラフィーを紹介します。 Abstract_Valentine02 http://www.allfreebrush.com/Vectors/Holiday/2011/0213/3597.html これからのシーズン、バレンタインに使えそうな可愛らしくもしつこくないカリグラフィー。 Caligraphy Design Elements http://www.allvectors.com/caligraphy-design-elements/ シンプルなラインのカリグラフィーがたく

    【無料で商用可】文字の印象をグッと変える使いやすいカリグラフィーまとめ - Webデザイン初心者向けのあれこれ
    typista
    typista 2013/01/20
    ぽけったー 【無料で商用可】文字の印象をグッと変える使いやすいカリグラフィーまとめ
  • 1