Web Service

CSSでテキストを円や波のように配置してくれるジェネレーター「CSSWARP」を使ったみた

面白そうなCSSジェネレーターがあったので使ってみました。好きなテキストを入力して配置なんかを選択するだけでHTML、CSSのコードを作ってくれます。とても簡単にできるので便利です。IEではIE9で確認したところちゃんと表示されてました。

[ads_center]

使い方

以下のサイトにアクセスします。

左上のテキスト欄に好きな文字を入力して、WARP ITというボタンをクリックします。

CSSWARP テキスト入力

そして、カーブの種類や文字サイズ、配置パターンなんかを選択して、最後にGENERATE HTMLというボタンをクリックするとコードが生成されます。

CSSWARP 配置や文字サイズ

あとはコードをコピペするだけです。

CSSWARP コード取得

ということで、中々面白いCSSジェネレーターでした。

WordPressのショートコードをテンプレート(テーマ)内で使用したい時のやり方前のページ

超簡単にコンテンツを折りたたんで表示・非表示させるjQuery Collapseの使い方次のページ

関連記事

  1. Web Service

    MacのReederで画面右上にRead It LaterとTwitterのアイコンを表示させるやり…

    MacのReederがとても快適なのでちょくちょく使っているんですが、…

  2. Web Service

    WebサイトのタイトルとURLを簡単に取得できて自分用HTMLリンクも作成できるChrome拡張機能…

    現在見ているWebサイトのタイトルとURLを簡単に取得できたり、自分用…

  3. 目覚まし時計

    Web Service

    朝起きるのに便利!Macで指定した時間にアラームを鳴らしてくれるアプリ「目覚まし時計」

    Macで目覚まし時計をセットしたくてアプリを探していたらよさそうなのが…

  4. Web Service

    住所や建物名を入力するとGoogleマップの座標を取得することができる

    地図上で、ある地点の座標を知りたいといった時があるかと思います。そんな…

  5. Web Service

    CSSで簡単に三角形を作ってくれるChrome拡張機能「CSS三角形作成ツール」

    ちょっと面白かったのでご紹介します。Chromeの拡張機能で、CSSで…

  6. Web Service

    タスク管理アプリ「Toodledo」が便利なのでそのメリットなどいろいろ

    Toodledoというタスク管理アプリを使ってみました。iPhoneア…

コメント

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

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

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP