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. Streaksで特定の曜日をスキップ

    Web Service

    継続日数をカウントできるiPhoneアプリ「Streaks」で特定の曜日をスキップさせるやり方

    普段、何か継続・習慣化させたい事がある場合にはiPhoneアプリの「S…

  2. Web Service

    ワイヤーフレームを作成するCacoo(カクー)がとても便利

    Cacooを使ってワイヤーフレームを作ってみました。CacooとはWe…

  3. CSS Color Chart

    Web Service

    CSSのカラーネーム、HEX、RGBを1クリックでコピーできるカラーチャート「CSS Color C…

    CSS Color Chartがとても便利だったのでご紹介します。とて…

  4. Web Service

    数多くのUIエレメントを検索することができる「UICloud」

    たくさんのUIエレメントを検索することができる「UICloud」がとて…

  5. Web Service

    iPadで人気の手書きノートアプリ「Note Anytime」のiPhone版が登場したので使ってみ…

    iPadの手書きノートアプリとして話題となった「Note Anytim…

  6. Screenqueri.es

    Web Service

    ブラウザ上でレスポンシブWebデザインを確認することができるツール「Screenqueri.es」

    ブラウザ上でレスポンシブWebデザインを確認することができる便利なツー…

コメント

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

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

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP