selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」:phpspot開発日誌
selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」 2015年02月03日- jQuery easySelect selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」。 selectタグにmultiple属性を追加すると複数選択が可能ですが、これを複数選択形式をUIを変えて入力補完のような形にするプラグインです。 selectのmultipleはCtrlキーを押しながらクリックするなどというUIとなるため、あまり採用はされませんが、ケースによってはこういう入力のUIも使いやすい場合がありそうです 関連エントリ selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 項目の多いselectをインクリメンタル検索形式に変換できるjQueryプラグイン「flex
画像の比較ができるスライダー実装jQueryプラグイン「Image Comparison Slider」:phpspot開発日誌
CSS & jQuery Image Comparison Slider | CodyHouse 画像の比較ができるスライダー実装jQueryプラグイン「Image Comparison Slider」。 画像上に表示されるつまみをドラッグ＆ドロップや、スワイプすることで画像の比較が可能。 タッチ端末にも対応しているところが使いやすそうです 関連エントリ モバイルフレンドリな垂直・水平スライダーを実装できるjQueryプラグイン「Mistl-Slider」 ページめくり効果で送れるスライダー実装「rocketPageFlip」 radioボタンをかっちょいいスライダーにしてくれるjQueryプラグイン「radiosToSlider」 画像切替時のエフェクトが多数用意されたスライダー実装「pogo-slider」
PhotoshopばりのフィルタをJSでかませるjQueryプラグイン「PhotoJShop」:phpspot開発日誌
PhotoJShop PhotoshopばりのフィルタをJSでかませるjQueryプラグイン「PhotoJShop」 画像をぼかしたり、シャープにしたり、エンボス加工したり、白黒・セピアにしたりとJavaScriptでブラウザ上で加工ができます。 若干重い処理になる場合もあるようですが、ブラウザ上で簡単にフィルタをかけられるのは便利かもしれませんね 関連エントリ 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」 画像、地図、動画等何でも埋め込めるクールでフラットでレスポンシブなLightBox「VenoBox」 線を描きながらギャラリーの画像を選択できるようにするjQueryプラグイン「Wrangle」 要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」 アップロードで簡単に画像をbase6
段落をマルチカラム化して新聞っぽくできるjQueryプラグイン「Colonize」:phpspot開発日誌
jQuery Colonize plugin : In-between titles multicols paragraphs with CSS3 ? Work Wild Web @ b2bWeb.fr 段落をマルチカラム化して新聞っぽくできるjQueryプラグイン「Colonize」。 通常WEBサイトだとpで段落を分けて上から下に流れるというレイアウトが通常ですが、複数の段落を横並べにして新聞のようにスペースを有効に使うことができます COLONIZEプラグインでプラグインで初期化した結果。 CSS3を使っているので非対応ブラウザでは使えないかも。 デモはスタイルがあたっていないのですが、使い方次第で綺麗なレイアウト作りに活用できそう 関連エントリ １ページ内で複数ページに分割できるjQueryプラグイン「windows」 マスクを使ったお洒落なスライダーが作れるjQueryプラグイン
普通のサイトを一瞬でマトリックス風にできるjQueryプラグイン「jQuery Matrix」:phpspot開発日誌
jQuery Matrix | Romanovian 普通のサイトを一瞬でマトリックス風にできるjQueryプラグイン「jQuery Matrix」。 次のように、一見何の変哲もない普通のサイトがありますが、.matrix() メソッドで瞬時にマトリックス化されます。 以下がその結果。 なんだ、文字と色かえただけじゃん、と思われた方も多いかもしれません。 しかし、別のデモを見ると画像をマトリックス化してるデモが・・・。なんとアスキーアートです。 テキストなので選択も出来ます。 アスキーアートとして使う文字は自分で配列で指定できるのですが、次のように１文字で表現することもできます。 なんか最後はあまりマトリックス関係なくなってしまいましたね。 単純に、写真へのエフェクトとしてかけてみるだけでも面白い効果が得られそうですね。 関連エントリ ユーザ登録時にパスワード強度表示を入れてと言われた場合
テキストや画像にぼかしを入れて興味をそそれるjQueryプラグイン「SPOILER ALERT!」
twitter facebook hatena google pocket 人間、隠されているものって気になりますよね。 jQueryプラグインのSPOILER ALERT!は、テキストや画像に簡単にぼかしを入れられ、クリックで表示させられます。 sponsors 使用方法 SPOILER ALERT!からファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script src="spoiler.js"></script> <script type="text/javascript"> $(function(){ $('.class名').spoilerAlert({ max: 10, //ぼかし範囲 partial: 4, //ぼかしの度合い hintText:"やらしい人で
Googleカレンダーっぽい物や日付ピッカー等カレンダー関連のjQueryプラグイン集15:phpspot開発日誌
15 Useful JQuery Calendar and Date Picker Plugins - DesignM.ag Googleカレンダーっぽい物や日付ピッカー等カレンダー関連のjQueryプラグイン集15がまとまっていました。 今日では実に沢山のカレンダー関連プラグインが存在するので、カレンダー関連のプラグイン実装の際の参考にできそうです。 関連エントリ レスポンシブで超クールなカレンダーデモとｊQueryプラグイン「Calendario」 Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」 カレンダーやDateピッカー関連のjQueryプラグイン20 これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スペースキーでスクロールするスライドっぽい物が作れるjQueryプラグイン「Scrollocue」:phpspot開発日誌
めしおのアフィリエイト教材レビューブログ