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

    Mac版Pocketがリリースされたのでさっそく使ってみた!

    あとで読むサービスのPocketがMacのアプリでついに登場していたの…

  2. Noise Texture

    Web Service

    手軽にノイズテクスチャの画像を作成できるツール「Noise Texture」

    手軽にノイズテクスチャの画像を作成できる便利なツール「Noise Te…

  3. placekitten

    Web Service

    Webサイト作成時に可愛い猫のダミー画像を用意してくれる「placekitten」

    とても素敵なWebサービスがあったのでご紹介します。Webサイトを作成…

  4. Web Service

    Chromeのダウンロード履歴を自動で消去してくれる拡張機能「Always Clear Downlo…

    ちょっと良さげだったので入れてみました。Google Chromeのダ…

  5. Pocketのショートカットキー

    Web Service

    Pocket(Macアプリ・Webブラウザ)で便利なショートカットキー

    あとで読むサービスでお馴染みのPockeで日頃からよく使う便利なショー…

コメント

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

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

最近の記事

  1. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  2. ペットボトルホルスター

アーカイブ

PAGE TOP