レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌
Rebox - jQuery or Zepto tiny small simple responsive lightbox レスポンシブで軽量なLightBox実装「Rebox」 画像のズームとギャラリー機能付きでレスポンシブなプラグインを選ぶ際の１選択肢として覚えておいてもよいかも。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」
お手軽に使えるBootstrapベースのオートコンプリート実装jQueryプラグイン「completer」:phpspot開発日誌
fengyuanchen/completer GitHub お手軽に使えるBootstrapベースのオートコンプリート実装jQueryプラグイン「completer」 次のような美しいデザインのオートコンプリート機能が実装できます。 次のように初期化時に候補を指定してあげればお手軽にコンプリート機能が実装できます Ajaxには対応していませんが、予め選択肢が決まっている場合には使えそう 関連エントリ iPhoneの絵文字をオートコンプリートできるtextarea実装jQueryプラグイン「At.js」 textareaでオートコンプリートできるようにするjQueryプラグイン「jquery-textcomplete」 Facebookのお友達からオートコンプリートが可能にするjQueryプラグイン
フリー＆プレミアムなTwitterBootstrapテーマ50:phpspot開発日誌
50 Awesome Twitter Bootstrap Templates フリー＆プレミアムなTwitterBootstrapテーマ50 Bootstrapベースとはいえ、Bootstrap臭があまりしないテンプレートが多数まとまっています。 通常サイトや管理画面等のテンプレートがまとまっていて、活用してサクっと仕事を終えられる事もあるかも Bootstrapの便利さを享受しつつ、うまくサイトデザインする際の参考にもできそうです 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」
あらゆるRESTのテストが出来るWEB開発者用Chromeアプリ「Postman」:phpspot開発日誌
Postman あらゆるRESTのテストが出来るWEB開発者用Chromeアプリ「Postman」。 通常のHTTP、Basic認証、ダイジェスト認証、OAuth等のテスト用クライアントとして活用できます。 HTTPであればGET、POST等のメソッドを選んで、任意のデータを送信することが可能。 返却値はHTMLでもJSONでもハイライトして見やすく表示してくれます。レスポンスBodyだけではなくヘッダーなんかも表示することができます。 Chromeアプリなのでとりあえず追加しておくだけでもしておくといいかも デザインがBootstrapベースでカッコよく使いやすいのも特徴 関連エントリ POSTやファイルアップロード等がPHPから簡単に行えるHTTPライブラリ「Unirest」
Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」:phpspot開発日誌
Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 2014年01月15日- nghuuphuoc/bootstrapvalidator GitHub Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 BootstrapなサイトでのJSベースでのフォームバリデーションを実装できます。 Emailやクレジットカード等のよく使いそうなバリデーションや長さチェック等一般的なものまで実装されています。 リアルタイムバリデーションで使い勝手をよくしたい場合の１つの選択肢として覚えておいても良さそう 関連エントリ Bootstrapなサイトで使える星形レーティングプラグイン Bootstrap対応でレスポンシブなWYSIWYGエディタ「Summernote」 フリーで使えるフラットでハ
cronをWEB上で管理できてエラー時の通知等も設定できる「minicron」:phpspot開発日誌
minicron by jamesrwhite cronをWEB上で管理できてエラー時の通知等も設定できる「minicron」 cronといえばCLIベースでcrontab -eなどで編集してという古典的な利用法でずっと使っている気がしますが、こちらの仕組みを使えば以下のようなことが可能になります。 ・GUIベースでのcronジョブの管理（作成・編集・削除） ・cronジョブのリアルタイムな出力・ステータスの確認 ・過去の実行ログの確認 ・エラー時のEメール、SMSを使った通知 何もcronを使うことに疑ってかかったことがなかった気がしますが、こうすれば便利というものを始めて目にしたような気がします…。 リアルタイムなジョブの出力確認がブラウザ上で出来て、ログも見れるっていうのは便利そうです。 管理画面。デザインがモダンで分かりやすい。ログ等も見れるっぽい GUIで選べると、cronの *
iOSのON/OFFボタンなスイッチがBootstrapで作れる「Bootstrap switch」:phpspot開発日誌
Bootstrap switch - by Mattia Larentis and Peter Stein iOSのON/OFFボタンなスイッチがBootstrapで作れる「Bootstrap switch」 次のような美しいスイッチがBootstrapなサイトで実装できます またひとつ、Bootstrapを使う理由が増えました。 関連エントリ Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootstrapベースのフラットUI実装フレームワーク「Furatto」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」 Twitter BootStra
WEB開発者はインストール必須のChrome拡張「Pendule」:phpspot開発日誌
Chrome ウェブストア - Pendule WEB開発者はインストール必須のChrome拡張「Pendule」。 昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。 ４月からはたいている新入社員のWEBデベロッパーさんにもオススメ インストールすると以下のようなボタンが表示されますのでクリック。 まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます サイトで使われているカラーを１６進数で出してくれる機能もあります CSSビュー。折畳み可能で使いやすく見やすい Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい！ Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能 そ
クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」:phpspot開発日誌
クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 2012年01月23日- jQuery TextExt Plugin クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」。 テキストフィールドに入力するとオートコンプリートしつつ次のようにタグ風に入力できるフィールドが実装出来ます 実装コードは次のようにtextareaを初期化するだけで、補完用アイテムも配列かajaxで指定できるみたい。 こうしたインタフェースが最適な部分って最近のＷＥＢサイトでは結構ありそうですが、覚えておくと素早く簡単に実装できますね 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 紙芝居のようなアニメーションでスライドするスライダー実装jQueryプラグイン「Innov
Googleマップ関連のjQueryプラグインとチュートリアル集:phpspot開発日誌
11 Helpful jQuery Google Maps Plugins and Tutorials Googleマップ関連のjQueryプラグインとチュートリアル集。 GoogleマップをjQueryで超簡単に使えるようにするプラグインがまとまっており、簡単に地図をＷＥＢサービスで扱いたいという場合にサクっと実装できて便利そうです。 プラグインの選別に使えそうです HTML5やCSS3とGoogleマップを組み合わせたチュートリアル等も掲載されています 関連エントリ スマホやタブレットでGoogleマップ風に使えるパノラマ画像ビューア「PanoJS3」 Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 Googleマップ風のUIを実現できるJSライブラリ「Polymaps」 GoogleマップAPI ver3でGoogleマップを独自にスタイル
様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」:phpspot開発日誌
NVD3.js :: re-usable charts for d3.js 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 d3.jsという以前紹介したライブラリをベースに利用しているみたい。 グラフ描画のライブラリは色々ありますが、こちらのライブラリで描画するグラフのデザインもなかなかいい感じですね マウスとのインタラクティブなグラフ実装が可能で拡張も容易みたい サンプルページにはソースがついているので参考に組めば抵抗なくグラフが描けそうです 関連エントリ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 クールなドアノブ風の％グラフを描画できるjQuery Knob
Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル:phpspot開発日誌
Twitter Bootstrap 101: The Carousel | Webdesigntuts Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアルが公開。 Twitter Bootstrapのクールさを壊さないでなかなか良い感じに実装できます。いくらBootstrapが多機能だからといって足りないものもあったりしますが、そういうものを別プラグインで持ってきちゃうとそこだけ違和感が、っていう風になっちゃいますがこれなら安心。主にトップページなんかでプロダクトの説明なんかをする際に使えそう jQueryベースなので再利用も簡単ですね 関連エントリ レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」 高機能なカルーセルを実装するjQueryプラグイン５０まとめ ホイールも効いて超いい感じのカルーセル実装jQueryチュート
PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」:phpspot開発日誌
PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」 2012年05月24日- Opauth ? Multi-provider authentication framework for PHP PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」。 Zend、CakePHP、Symfony、CodeIgniter等のフレームワークに認証を入れる場合に是非参考にしたいライブラリ。 Facebook, Google, twitter, Linked.in の他、OAuth、OpenID などにも対応。Yahoo!JapanでOAuth等による認証ができますから、これで認証にまつわる処理はすべて実装できそう。 各サイトにおける認証の方法を都度実装するのは非効率ということで、こうしたライブラリで認証処理はサクっと終
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
ECサイトを作る際に便利なフレームワーク「Enlight」:phpspot開発日誌
Enlight ECサイトを作る際に便利なフレームワーク「Enlight」 PHP5.3、zend or symfony2ベースのフレームワークで、Eコマースサイトを自分で作る際に必要なコンポーネントが多数含まれるようです。 認証やデータグリッド、ナビゲーションやEメール配送システム等。 プラグインによって機能の拡張も容易。 OSコマース等と比較するのではなくあくまで自分で作りたいニーズ向けです。 自分でECサイトを作ることでカスタマイズ等もより自分好みにできるので本腰を入れたいような場合は参考にしてみるのもいいかもですね 関連エントリ お洒落なECサイトデザイン集３８ オシャレなECサイト構築用のWordPressテーマ３０ PHP＋MySQLなオープンソースの超多機能ECサイト構築ソフトウェア「LiveCart」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでのCSVの扱いを簡単にできる「CSV.js」:phpspot開発日誌
Bootstrapなサイトでの通知に使えるレスポンシブなjQueryプラグイン「PNotify」:phpspot開発日誌
node.jsで超カッコいいリアルタイムチャット「Balloons.IO」:phpspot開発日誌
Android風の日付ピッカー実装用jQueryMobileウィジェット「Mobi Pick」:phpspot開発日誌