Pull to Refresh.js 引っ張って更新を簡単実装できる「Pull to Refresh.js」 アプリではもう一般的になった引っ張って更新をWEBでも実現します。依存性なしなので手軽に使えそう 関連エントリ ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」 テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」 枠のサイズに応じてテキストを自動省略できる「Jquery-quickfit」
jquery.easyAudioEffects.js エレメントにサウンドを自由に付けられるjQueryプラグイン「easyAudioEffects.js」。 hover,click時において、簡単に音声を鳴らす為のプラグインです。 midi等、WEB上での音は昔から嫌われてきた経緯がありますが、アプリ時代になって、そういう状況も変わってきているのかもしれません。 関連エントリ HTML5Audioにオーディオ・ビジュアルを付けられるJS フラットデザインがいい感じのオーディオプレイヤー実装jqueryプラグイン
クリッカブルマップもレスポンシブにするjQueryプラグイン「Responsive Image Maps」 2014年03月20日- esponsive Image Maps jQuery Plugin クリッカブルマップもレスポンシブにするjQueryプラグイン「Responsive Image Maps」 クリッカブルマップ、といえばHTML入門時には面白そうと思ったわりに設定が面倒なのであまり使わなくなったという方もいるかもしれませんが、あのクリッカブルマップをレスポンシブにするjQueryプラグインだそうです。 リサイズ時にクリッカブルマップのデータを再計算してマッピングしてくれるようです。 タッチ型デバイスでは意外と使えそうなこの機能。 この際に再度利用法を検討してみるのもよいかも。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「Veno
MixItUp アイテムをクールにアニメーションしつつフィルタ・ソートが出来るjQueryプラグイン「MixItUp」 これはなかなか汎用性があって便利そう。デモサイトではレスポンシブにもなっていて、タッチデバイスでも快適に使えそうです。 ブログ、ポートフォリオサイトなど、実装すればよりモダンでクールなサイトに仕上がりそうです。 関連エントリ 画像表示をレスポンシブ対応にするjQueryプラグイン「Data Img」 レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 クールに実装できるレスポンシブなモーダルダイアログ「Remodal」 レスポンシブサイト用レイアウトフレームワーク「Grid」 レスポンシブかつフラットなソーシャルボタンを実
PhotoJShop PhotoshopばりのフィルタをJSでかませるjQueryプラグイン「PhotoJShop」 画像をぼかしたり、シャープにしたり、エンボス加工したり、白黒・セピアにしたりとJavaScriptでブラウザ上で加工ができます。 若干重い処理になる場合もあるようですが、ブラウザ上で簡単にフィルタをかけられるのは便利かもしれませんね 関連エントリ 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」 画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」 線を描きながらギャラリーの画像を選択できるようにするjQueryプラグイン「Wrangle」 要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」 アップロードで簡単に画像をbase6
jQuery Finger タップ操作とクリックのイベントを統一できるjQueryプラグイン「jQuery Finger」 タップ、ダブルタップ、プレス、フリック、ドラッグ等の操作をスマホ/タブレットとPCで統一できます。 どの端末でも同じように作って動かせるということで便利に使えるかもしれません 同じような動き、にこだわらなくとも、スマホでのページ操作用のライブラリとして便利に使えそうです。 関連エントリ iOS,Android,WindowsPhone等タッチ端末用の軽量&高速スライダー実装「Swiper」。 レスポンシブでタッチ対応な軽量なスライダー実装jQueryプラグイン「Unslider」 レスポンシブでタッチ端末で使えるオーディオプレイヤ実装jQueryプラグイン「AudioPlayer」 jQuery UI をタッチイベントに対応させるライブラリ「jQuery UI Tou
App Showcase with Grid Overlay オーバーレイするグリッドの超クールなデモ。 はじめてこういうのは見た気がしますが、なかなかクールなのでデモだけでも見ておくとよさそう。 見せ方として面白いデモになっていて、ソースも公開されているので応用してみると面白い物ができそう 有り物や流行りを使うだけではなく、こういう物を自分で考えて作れるデザイナーというのは価値が高そうですね 関連エントリ 垂直アイコンメニュー実装デモ&サンプルプログラム「Vertical Icon Menu」 ブラウザ上でまるで美術館。3Dイメージギャラリーデモ PayPalの読込中アイコンをCSSで実現したデモ フルスクリーンでページめくりをするUI実装デモ レスポンシブ&タッチフレンドリなWEBベースの音楽プレイヤー実装デモ これは新しい!パネルレイアウトが美しいスライドショー実装デモ 既にここまで
jquery.phantascope by barneyfoxuk スプライトアニメーション作成用jQueryプラグイン「Phantascope」。 デモが面白かったので反射的にご紹介。スプライトを使ってFPS指定が可能なアニメーションが作れます デモはロックマンがキーボードに反応して動くものですが、あくまで、アニメーション用なので、そこら辺の処理はJSで直接記述する必要があります。 キャラクタをスプライトでアニメーションさせる部分のみ、本プラグインが作用します とはいえ、アニメーション部分の処理が簡単になりそうです。 関連エントリ アニメーションしながらソートできるjQueryプラグイン「Animated Table Sorter」 CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」 3Dのキューブのアニメーションで迫力あるエフェク
3D Image Gallery Room | Codrops ブラウザ上でまるで美術館。3Dイメージギャラリーデモ。 単なる画像ギャラリーではなく、周りの空間も再現したようなギャラリーが実現できています。 対応ブラウザでないと動作しませんが、将来的にはこうしたサイトも当たり前の物となっているのかも。 Safari等で見てみましょう 関連エントリ サムネイルがシャッフルされてクールなギャラリー実装「Photofy」 卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン 動画ギャラリー用WordPressプラグイン10個
Plugin pp3Diso : moteur de jeu web pour l'affichage et la gestion d'une map 3D isomtrique Amebaっピグっぽい物が作れるjQueryプラグイン「pp3Diso」。 マップ上を人が移動するような感じのゲーム風インタフェースが作れるライブラリっぽいです。 フランス語っぽいので翻訳したりコードを読んだりして使う必要がありますが、なかなかおもしろいのでご紹介。 JavaScriptベースということで、スマホで動くAmebaピグを作ってやろう、という方は参考にできるかも。 関連エントリ 2Dゲームが作れそうなアニメーションjQueryプラグイン「Motio」 カスタマイズ可能で動きがよいalertダイアログ実装jQueryプラグイン「alertifyjs」 Instagramの写真をサイトに簡単掲載できるjQ
diy/jquery-emojiarea GitHub 通常のtextareaを絵文字入力可能にできる「jquery-emojiarea」。 次のように、絵文字をテキストで表示するのではなくて、そのまま絵文字を埋め込めるtextareaに変えることができます ポップアップからクリックで挿入可能 :smile: とかでもいいのですが、初心者の場合はやはり見たまま編集が便利ですね。 6KBで軽量で$(element).emojiarea() と実装もお手軽なので、絵文字を入れたい場合など一度試してみてもよさそう 関連エントリ テキストの絵文字を画像アイコンに変えてにぎやかにしてくれるjQueryプラグイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く