スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌

2012/06/11 621 users ダブルタップ jQueryライク 軽量ライブラリ ホールド

QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡... 続きを読む

ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌

2012/06/04 1443 users gmaps.js div 緯度経度 ライブラリ 実装

gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイ... 続きを読む

サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」:phpspot開発日誌

2012/04/18 505 users jQuery BuiltWith 丸裸 analytics

Chrome ウェブストア - BuiltWith Technology Profiler サイトに使われている技術が丸裸になるChrome拡張「BuiltWith」。 サーバに何を使っているとか、PHPを使っているかとか、jQueryとかのライブラリや、Analyticsが入っているかといった情報を一括で表示してくれるChrome拡張。 サイト上でボタンを押すだけで解析することが出来ます。なんだ... 続きを読む

WEB開発者はインストール必須のChrome拡張「Pendule」:phpspot開発日誌

2012/04/16 704 users stylesheet CSS タブ Chrome拡張 新入社員

Chrome ウェブストア - Pendule WEB開発者はインストール必須のChrome拡張「Pendule」。 昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。 ４月からはたいている新入社員のWEBデベロッパーさんにもオススメ インストールすると以下のようなボタンが表示されますのでクリック。 まず、StyleSheetのタブではCSSを見れる、CSSが... 続きを読む

HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌

2012/02/06 724 users JSライブラリ turn.js iPhone インタフェース

turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単で... 続きを読む

並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌

2011/09/05 629 users jQueryサンプル ブラウザサイズ Codrops 画像

Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表... 続きを読む

まるで魔法のようだ。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション:phpspot開発日誌

2011/08/26 511 users 図形 Action Photoshopアクション 魔法 さい

まるで魔法のようだ。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション 2011年08月26日- Magic 3D Photoshop Action | Vandelay Design Blog まるで魔法のようだ(iPadのCM風）。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション。 ワンクリックで２Dの図形がピカピカ輝くMac OSのアイコンみたいになります。サイ... 続きを読む

TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」:phpspot開発日誌

2011/08/22 550 users Twitter Facebook Linked Yahoo

TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 2011年08月22日- HybridAuth, Open Source Social-Signle-Sign-On Solution for authentication through Facebook, Twitter, Google, Yahoo, MySpace, Linked... 続きを読む

スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインいろいろ:phpspot開発日誌

2011/08/18 523 users スマフォサイト ZoomZum ライブラリ アウト ピンチイン

8 Best jQuery Mobile Plugins | ZoomZum スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインがまとまっていましたのでご紹介。 １から作るとかなり大変そうな機能もライブラリで瞬間的に実装できます。一通りチェックした上でご紹介。 Drag And Scale For IOS ブロック要素をピンチイン、アウトによって拡大、回転させることも可能です... 続きを読む

HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌

2011/08/08 613 users チュートリアル canvas Tutorial サンプル 実装

Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコ... 続きを読む

これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌

2011/07/19 1012 users jQueryベース UIライブラリ jQuery 注目 実現

これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現で... 続きを読む

異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌

2011/06/27 686 users 瞬時 jQueryプラグイン 一定 サイズ 画像

異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮め... 続きを読む

PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイト:phpspot開発日誌

2011/05/23 515 users PHP ベンチマーク結果 複数 結果 書き方

PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイト 2011年05月23日- Benchmarks PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイトがあるようです。 同じことをやるのに複数の書き方があったりしますが、2つの書き方を並べてそれぞれどちらがどれだけかかったかという結果が記載されていて面白いです。 で、そのいくらか... 続きを読む

ChromeをiPhoneシュミレーターにできる拡張「IPSim」:phpspot開発日誌

2011/05/18 572 users WebKitベース 差異 Chrome 拡張 実機

iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシュミレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異... 続きを読む

もうFlashは買わなくていいかもしれないデザイナー向けフリーのFlashアニメーション作成ツール「Giotto」:phpspot開発日誌

2011/05/11 957 users Flash デザイナー向け

もうFlashは買わなくていいかもしれないデザイナー向けフリーのFlashアニメーション作成ツール「Giotto」 2011年05月11日- Vectorian Giotto ? Easy and Powerful Free Flash Animation Software もうFlashは買わなくていいかもしれないデザイナー向けフリーのFlashアニメーション作成ツール「Giotto」。 使い込... 続きを読む

新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」:phpspot開発日誌

2011/04/25 1077 users quickrun vim 速攻 Vimプラグイン サーバ

新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」 2011年04月25日- 新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」。 この春、会社に入って、サーバに入って vim でプログラミングさせられている人はそれなりにいそうですが、その場合に速攻でプログラミングをマスターできるquickrunプラグインを入れておきましょう... 続きを読む

ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌

2011/04/12 775 users ブックマークレット 全部 JavaScript イベント

ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」 2011年04月12日- Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の... 続きを読む

もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌

2011/04/11 578 users jQuery Framework 殆ど ツールチップ

もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ１つで出回ってるであろう殆どのツールチップは作れる気がします。... 続きを読む

異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌

2011/04/07 524 users jQueryプラグイン 画像

異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」2011年04月07日-Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention ... 続きを読む

これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット:phpspot開発日誌

2011/03/07 501 users Photoshop ペンキ ブラシ リアル クラウド時代

50 Free Photoshop Brush Sets Everyone Should Have | Web Design Blog, Web Designer Resources これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット。 かなり使えそうなものが多かったのでご紹介します。 クラウド時代の雲のブラシ。何ともリアル 自然のいい感じが出せそうなブラシ ペンキなんかをぶ... 続きを読む

知っとくと便利なPHPのテクニック９つ:phpspot開発日誌

2011/03/03 697 users PHP Nettuts 引数 関数 テクニック

9 Useful PHP Functions and Features You Need to Know | Nettuts 知っとくと便利なPHPのテクニック９つが掲載されていました。 初心者の方は勿論、PHPを長年使ってる人にも使えるテクニックが載っていましたので勉強がてらにメモ。 func_get_args() 関数で可変引数 を受け取る 通常、関数といえば、次のように引数と共に定義します。... 続きを読む

WordPressでのページ表示高速化の色々まとめ:phpspot開発日誌

2011/02/28 509 users 弱点 WordPress まとめ パフォーマンス 工夫

WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressで... 続きを読む

Webサービス用にさくらのVPSサーバーを借りた後で役に立つ記事色々:phpspot開発日誌

2011/02/24 750 users VPSサーバー CentOS さくら VPS サー

WEBサービス用にさくらのVPSサーバーを借りた後で役に立つ記事色々 さくらVPSサーバの人気が高いということで、借りたらやる設定についての記事をまとめてみました。 さくらのVPS 初期設定 【さくらのVPS】初期設定をしてみた | Untitled Documents. root パスワードの変更、ユーザ追加、sudoers編集、ssh公開鍵設置、パッケージ管理ツールの設定等 CentOSをサー... 続きを読む

スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌

2011/02/23 573 users デザインギャラリー iPhon インタフェース アプリ 参考

スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhon... 続きを読む

WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ:phpspot開発日誌

2011/02/21 514 users PEAR WEBサービス PEARモジュールまとめ エントリ

WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ 「WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ」というエントリで先日PEARの便利ライブラリについてまとめたのですが、今回はPEAR以外でも有名なライブラリをご紹介。 PEAR以外で挙げていくときりがありませんが、とりあえず有名どころや、私の知っている物、過去に当ブログで紹介したものをまとめてみます... 続きを読む