画像に雨の日のエフェクトをつけられる「rainyday.js」:phpspot開発日誌
rainyday.js 画像に雨の日のエフェクトをつけられる「rainyday.js」 普通の画像をCanvasで曇らせて水滴を付けてアニメーションさせるという効果をJSで表現できます。 関連エントリ スクロールに応じて奥行きのある3Dアニメーション表現ができる「Space.js」 JSでiOS,Android,WindowsPhoneのネイティブアプリが作れる「NativeScript」 スマホでも動作するJS製の2D物理エンジン「Matter.js」 Googleマップ風に画像を複数ならべてギャラリー風にできる「Eco-Scroll.js」 ネイティブアプリに近い動作のサイドメニューWeb実装「Slideout.js」
ファイルアップ用のDropゾーンを簡単に作れるjQueryプラグイン「Dropper」:phpspot開発日誌
入力値にエラーがある場合にツールチップを表示できる「jQuery-Validation... 次の記事 ≫：ページスクロールに応じて要素を様々にCSSアニメーションしつつ表示...
かなり豊富な種類のグラフを描画できる「ECharts」:phpspot開発日誌
ECharts Home かなり豊富な種類のグラフを描画できる「ECharts」。 線グラフ、棒グラフ、円グラフ、地図他、データのビジュアライズ用等、それぞれ豊富なタイプで描画できるグラフ描画ライブラリ。 これだけ豊富にあれば、イメージにあったデータのビジュアライズができそう 関連エントリ テーブルをグラフに変換してくれるjQueryプラグイン HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」
オシャレなalertを実装できる「SweetAlert」:phpspot開発日誌
SweetAlert オシャレなalertを実装できる「SweetAlert」 次のようなデザインのalertが実装できます。ダイアログがアニメーションするのでわかりやすかったりします。 関連エントリ CSS3アニメーションがいい感じのモーダルダイアログ実装jQueryプラグイン「Custombox」 Facebookのモーダルっぽいクールなダイアログを実現できるjQueryプラグイン「FaceBook Dialog」 フラットで美しいデザインのモーダルダイアログ実装ライブラリ「vex」 移動、拡縮、最小化、最大化が可能なBootstrap用モーダルダイアログ実装jQueryプラグイン「jsPanel」
ナイスなレスポンシブなテーブル実装jQueryプラグイン「Responsive tables」:phpspot開発日誌
Responsive tables ナイスなレスポンシブなテーブル実装jQueryプラグイン「Responsive tables」 レスポンシブなテーブルというと、どうせ何か削るんでしょう、と思うところですが、主要項目を隠しつつも、見たい項目を選択して表示できるレスポンシブ方式。 テーブルは悩みどころではありますが、１つの解決策として知っておくとよさげ。 デザインもBootstrapベースで使いやすそうです 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」 クールに実装できるレスポンシブなモーダルダイアログ「Remod
iOS7風の背景をボカしてオシャレにするエフェクト実装「oblurlay」:phpspot開発日誌
implement a blur view of iOS7 style with css and jquery. oblurlay iOS7風の背景をボカしてオシャレにするエフェクト実装「oblurlay」。 iOSで、バックグラウンドをすりガラスですかして見たようなエフェクトがありますが、これをブラウザ上で実現するためのjQueryプラグインです。 背景に馴染む上になんかシャレオツ！ 関連エントリ iOS7用インタフェース作成用のワイヤーフレーム「iOS 7 Wireframe Kit」 フリーのiOS7アイコン800個セット iOS7のワイヤーフレーム作成用illustratorキット「Awosomekit」 iOS7のUIが詰まったPSD「iOS7 GUI PSD」
アイテムをクールにアニメーションしつつフィルタ・ソートが出来るjQueryプラグイン「MixItUp」:phpspot開発日誌
MixItUp アイテムをクールにアニメーションしつつフィルタ・ソートが出来るjQueryプラグイン「MixItUp」 これはなかなか汎用性があって便利そう。デモサイトではレスポンシブにもなっていて、タッチデバイスでも快適に使えそうです。 ブログ、ポートフォリオサイトなど、実装すればよりモダンでクールなサイトに仕上がりそうです。 関連エントリ 画像表示をレスポンシブ対応にするjQueryプラグイン「Data Img」 レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 クールに実装できるレスポンシブなモーダルダイアログ「Remodal」 レスポンシブサイト用レイアウトフレームワーク「Grid」 レスポンシブかつフラットなソーシャルボタンを実
画像にモザイク処理をかけられるjQueryプラグイン「pixelate.js」:phpspot開発日誌
43081j/pixelate.js 画像にモザイク処理をかけられるjQueryプラグイン「pixelate.js」 Photoshopでモザイク処理をいれなくても元画像にJSでモザイク処理をかけられます $('img#myimage').pixelate({ value: 0.5, reveal: false }); のような感じで初期化してあげればモザイク処理が可能 デモページ 関連エントリ 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」 コンテナに画像をフィットさせられるjQueryプラグイン「imagefill.js」 画像のレイアウトに使えるjQueryプラグイン「jQuery Photoset Grid」 画像のdiffができるjQueryプラグイン「TwentyTwenty」
超カッコイイ立体的なメニューを実装したデモ:phpspot開発日誌
Perspective Page View Navigation | Codrops 超カッコイイ立体的なメニューを実装したデモ。 ページがあって、クリックすると次のようにページが傾いてメニューが表示されるというデモです。 デザインもフラットでクール。 数年後のWEBではこうしたデザインは当たり前になっているのかもしれませんね。 関連エントリ スマホでも多階層のメニューが作れるレスポンシブなjQueryプラグイン「slimMenu」 レスポンシブ対応のメガメニュー実装jQueryプラグイン「Accessible Mega Menu」 ページ上で独自の右クリックメニューを作れるjQueryプラグイン「contextMenu.js」 アコーディオン型のシンプルな階層メニューが作れるjQueryプラグイン「navgoco」 レスポンシブなナビゲーションメニュー作成用jQueryプラグイン「Nav
レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」:phpspot開発日誌
VenoBox - responsive jQuery modal window plugin レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 LightBox派生スクリプトは多々ありますが、レスポンシブでクールなフラットデザインで、地図、動画、画像、iframeなどなんでも埋め込めるので、今の時代にかなり使いやすそう。 関連エントリ フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 スワイプできるLightBox実装jQueryプラグイン「Swipebox」 LightBoxはここまで進化したよ「VisualLightBox」
フラットでカッコいいselectボックスを作成できるjQueryプラグイン「EasyDropDown」:phpspot開発日誌
EasyDropDown - A Drop-down Builder for Styleable Inputs and Menus フラットでカッコいいselectボックスを作成できるjQueryプラグイン「EasyDropDown」 次のようなフラットなselectボックスが実装できます。スタイルが色々選べるようです 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 selectボックスをカッコよくスタイリングできるjQueryプラグイン「Selectric」 BootstrapのselectボックスをよりリッチにするjQueryプラグイン「bselect」 オシャレなSelectボックスが実装できる「FancySelect」 リストをselectに変換してくれるレスポンシブサイト用jQueryプラグイン「Menutron」 selec
タッチに最適化されたLightBox実装jQueryプラグイン:phpspot開発日誌
jQuery Lightbox alternative: Touch Optimized Sliders "R"Us タッチに最適化されたLightBox実装jQueryプラグイン。 スワイプで画像が横にずれ、画像をクリックで拡大されるようなUIが作れます。 タッチデバイス向けのギャラリーをサクッと実装したい場合に使えそうです 関連エントリ スライダーの背景もダイナミックに切り替えるクールなスライダ実装jQueryプラグイン「Immersive Slider」 HTML5＆CSS3なレスポンシブなスライダー実装jQueryプラグイン「Slippry」 3Dでグルグル回転するインパクト大なスライダー実装jQueryプラグイン「Impulse Slider」 レスポンシブでタッチ対応な軽量なスライダー実装jQueryプラグイン「Unslider」 クロス環境で動作するレスポンシブスライダー実装
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG、Canvasを使った次世代のテキストホバーエフェクト集:phpspot開発日誌
HTML5ベースのWYSIWYGエディタ「Squire」:phpspot開発日誌
Androidの通知（Toast）っぽいものをブラウザで実装できる「SnackbarJS」:phpspot開発日誌
Google Material Designのアイコン1600個以上のセット「droidicon」:phpspot開発日誌
HTMLテーブルをPNG,PDF,Office形式にエクスポートできるjQueryプラグイン「Tableexport」:phpspot開発日誌
クレジットカード番号の入力を直感的にできる「Card.js」:phpspot開発日誌
顔の輪郭抽出ができるJavaScriptライブラリ「clmtrackr」:phpspot開発日誌
ブラウザ上で動くイラストレーターのOSS「mondrian」:phpspot開発日誌