CSS3アニメーションをはじめ、グラデーションやシャドウやボーダー、テキストやボックスをかっこよくしたり、レスポンシブデザイン用のグリッド、セレクタの使い方など、スタイルシートの制作時に役立つオンラインツールを紹介します。 Animate.css classを付与するだけで、さまざまなCSS3アニメーションが実装できます。 初っ端からオンラインツールじゃないですが、簡単にCSS3アニメーションが利用できるということで。
「Zoom.it」は画像埋め込みパーツを作成できるサイトです。 特徴としては、埋め込みパーツ内で画像の拡大縮小が可能なところ。 手軽に作成できるし、なかなか使えそうです。 ちなみに、このようなものが作ることができます。 (via 1000ENGINE) 以下に使ってみた様子を載せておきます。 まず「Zoom.it」にアクセスしましょう。 トップページより、画像URLを指定して作成します。 「Create」してしばらくすると、作成完了します。 右下のプラスマイナスで拡大縮小ができます。 家マークは、元に戻すボタンです。 拡大するとこんな感じ。 マウスで画像をドラッグすることもできます。 スライドショーのように、画面いっぱいに表示させることも可能。 画像を埋め込みたいけど、サイズが大きすぎる!ってときに使えるかなと。 詳しく見てないのですが、APIも用意されてるみたいですね。 (本記事で紹介し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く