Web Service

CSSで吹き出しをサクっと作ることができる便利なツール「cssarrowplease」

CSSでとても簡単に吹き出しを作ってくれる便利なツール「cssarrowplease」を使ってみました。画像を使わなくても、こういったものがサクっと作れるのはとても便利ですよね。使い方もとてもシンプルなのでかなりよかったです。

[ads_center]

使い方

Positonを選択するだけで四方のいずれかに矢印をつけることができます。

矢印を選択

Sizeで矢印の大きさを指定でき、Border widthでボーダーの幅を指定することができます。

SizeとBorder width

色の指定は、Colorでボックス内の色、Border colorでボーダーの色を指定できます。

ColorとBorder color

できたら右のコードを取得して完了です。とてもシンプルでいいですね。

コード取得

以下からご利用できます。

Webページを綺麗に読みやすくしてくれてエバノートにも保存できるChrome拡張機能「Clearly」前のページ

見てるだけで使いたくなる!フレッシュでとても便利なjQueryプラグイン25次のページ

関連記事

  1. Web Service

    ノイズの入ったテクスチャを簡単に作成してくれるジェネレーター「Noise Texture Gener…

    ノイズが入ったテクスチャをとても簡単に作成することができるジェネレータ…

  2. Web Service

    サイトのアイコン(ファビコン)を作成できるエディタ「X-Icon Editor」

    サイトのアイコン(ファビコン)を簡単に作成できるエディタ「X-Icon…

  3. TodaysList

    Web Service

    シンプルで美しいToDoリスト「TodaysList」

    とてもシンプルで美しいToDoリストを発見したのでご紹介します。「To…

  4. Web Service

    ボタン1つでCSSファイルを軽量化!圧縮や整形が簡単にできる「csCSSc」

    CSSファイルを簡単に圧縮したり整形したりできるツール「csCSSc」…

  5. HatebuReader

    Web Service

    はてブのタグを登録していつでも手軽にその最新記事をチェックできるiPhoneアプリ「HatebuRe…

    とても便利なiPhoneアプリがあったのでご紹介します。はてブで自分が…

  6. Web Service

    黄金比を自動計算してくれる便利なツール

    サイトをデザインする時に黄金比を取り入れることによって見栄えが良くなり…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. 10種の野菜と5種のビーンズ サラダラップとドリップコーヒー
  2. EOS RP
  3. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  4. スターバックス ハシエンダ アルサシア

アーカイブ

PAGE TOP