これからのWeb制作に使える、面白いUIを実装できるjQuery・CSS集Fancy Inputテキスト入力時にアニメーシ... / Hook.js下にひっぱるとリロードするjQue... / Kontext CSS3を使った3Dなページ切り...他...全17件
CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」:phpspot開発日誌
CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」 2013年02月18日- Textillate.js CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」。 実に様々なテキストアニメーションが実現できてページにアニメーションエフェクトを付けたい際に便利。 CSS3非対応ブラウザは動作しませんが、そもそもスマホ等向けのサイトであれば活用できそう アニメーションの種類が実に様々。 Chromeなどで見るとアニメーションの滑らかさも素晴らしい。 関連エントリ 面白いテキストアニメーションが簡単に実現できるjQueryプラグイン「Textualizer」 テキストを部分的にカッコよくアニメーションさせつつ切替え可能にするjQueryプラグイン「dynamo.js」 テキストを燃え上がら
CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２:phpspot開発日誌
12 Free jQuery Pre-Loader Plugins CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２がまとまっています。 画像の種類が色々ある上に実装方法も、単なる画像ではない方法が選べます。 画像じゃない方法でローディング画像を実装したい場合は参考にするとよさそう。 画像ではないため、軽量でレスポンシブなサイトにも使えるというところですかね 関連エントリ 超カッコいいローディングを実現できるjQueryプラグイン「Percentage Loader」 HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブラリ「spin.js」
jQueryとCSS3でダイナミックに動くコンテンツスライダー:phpspot開発日誌
Fullscreen Slit Slider with jQuery and CSS3 | Codrops jQueryとCSS3でダイナミックに動くコンテンツスライダー。 アニメーションがカッコよくてネタはなくとも実装したくなるかもしれないスライダーです。 デモページ どうやって実装しているんだろう（＾＾；）とか思いつつ、チュートリアル記事もあるのでそこで学習できます。 プログラム一式ダウンロードも出来るので素材としても。 関連エントリ レスポンシブなjQueryスライダー実装プラグイン８個 AppleっぽいデザインのjQueryスライダーサンプル 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」 画像のキャプションが美しいスライダー実装jQueryプラグイン「RefineSlide」
可愛いツールチップを実装したjQuery＆CSS3のデモ「Sweet Tooltip」:phpspot開発日誌
Sweet Tooltip a jQuery & CSS3 Tooltips ? Webstuffshare ? Learn and share. The simplest harmony. 可愛いツールチップを実装したjQuery＆CSS3のデモ「Sweet Tooltip」 次のような可愛いモダンなデザインのツールチップの実装デモが公開されています。 目立たせたい時や注目してもらいたい場合に使うと効果的ですね。通常のデザインも入っているようなので使い分けられそうです ファイルをDLすればデモのHTMLとCSS, JSが入っているので変更して容易に利用できます 関連エントリ もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 簡単コードで実装＆カスタマイズできるツールチップ実装jQueryプラグイン「Poshy Tip」 シンプルなツールチップ実装ができるj
テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」:phpspot開発日誌
テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」 2011年10月21日- ottonascarella/TextBlur - GitHub テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」。 次のように最初はぼやけてるけど徐々にくっきりした文字にするなんていうことができるjQueryプラグインです。 単にテキストをその場で表示しちゃうよりも、徐々に表示するというエフェクトがいいですね。 使い方も次のように超簡単にできます。 $('h1').animate({textBlur: 20}, 0); 但し、IEでも一応対応はしているようですが、うまくは動作しないみたい。 スマホのプロモーション用のサイトなんかで使ってみてもよさそうですね。 関連エントリ テキストにグラデーションをかけられるj
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]CSS3アニメーションを時間ではなく、距離でコントロールするスクリプト -Approach