jQueryでAjaxファイルアップロードするためのライブラリ:phpspot開発日誌
Ajax file upload with jquery - valums.com jQueryでAjaxファイルアップロードするためのライブラリ。 次のようなアップローダーを実装できます。 必要なファイルを読み込んだ後、次のようなスクリプトでアップローダーを初期化します。 なかなかわかりやすい使い方になっていますね。 $(document).ready(function(){ $.ajax_upload('#div_id', { // Location of the server-side upload script action: 'upload.php', // File upload name name: 'userfile', // Additional data to send data: { key1 : 'value', key2 : 'value2' }, // Fire
PHPでWEBサイトのスクリーンショットを作成するチュートリアル:phpspot開発日誌
Taking screenshots of websites in PHP PHPでWEBサイトのスクリーンショットを作成するチュートリアルが紹介されています。 スクリーンショットの撮影には wkhtmltopdf というオープンソースソフトウェアを利用します。 このソフト自体がMac OS XやWindows、Linuxで動作するコマンドラインツールとなっているようなのでクロスプラットフォームで動作します。 このツールを使えば、「wkhtmltoimage --quality 50 //phpspot.org/blog/ snap.jpg」のようにコマンドを打つことでスナップショットが撮れます。 コマンドラインオプションが多数あるのでPHPerじゃない方も覚えておいて損はなさそうです。 例えば、 JavaScriptをオフにした状態でスクリーンショットを撮ったり、高さや幅の指定、切抜きの
TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」:phpspot開発日誌
TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 2011年08月22日- HybridAuth, Open Source Social-Signle-Sign-On Solution for authentication through Facebook, Twitter, Google, Yahoo, MySpace, LinkedIn, AOL, Vimeo, FourSquare, OpenID and other Identity providers TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 Facebook, Twitter, Google, Yahoo, Windows Live, MySpace, LinkedIn, FourSquare, O
TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット４０:phpspot開発日誌
40 Sets of Free Social Media Icons | Vandelay Design Blog TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット４０。 次のような、デザインに嫌なクセがなくて汎用に使えそうなアイコン〜個性的なものまで色々なアイコンセットが紹介されています。 サイトデザインに合ったアイコンが選べそうなので覚えておいてもよさそう。 Linked.inも日本で開始するそうですが、どうなっていくのか楽しみです 関連エントリ 選びたい放題のフリーのソーシャルアイコンセット色々 シンプル白黒がいい感じのソーシャルアイコン37個セット「LinkDeck」 白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット 246種類のクリアで美しいソーシャルアイコンセット
WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ:phpspot開発日誌
WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ 「WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ」というエントリで先日PEARの便利ライブラリについてまとめたのですが、今回はPEAR以外でも有名なライブラリをご紹介。 PEAR以外で挙げていくときりがありませんが、とりあえず有名どころや、私の知っている物、過去に当ブログで紹介したものをまとめてみます。 他にも便利な物や定番の物がありましたら、@phpspot_kj までTwitterなんかで教えてください。 グラフ描画 JpGraph ありとあらゆるグラフを描画してくれる有名なグラフライブラリ。 pChart グラフにデザイン性を求める場合に使えるクールなグラフ描画ライブラリ PHP/SWF Charts PHPでグラフをFlashで描画出来るライブラリ。グラフに動きを出してインタラクティブ
JavaScriptやPHPで顔認識する場合は「face.com」のAPIが使えそう:phpspot開発日誌
JavaScriptやPHPで顔認識する場合は「face.com」のAPIが使えそうです。 先日、「1年で70億枚の顔写真をスキャンしたFace.comが顔認識APIを無料で一般公開」という記事にて知ったのですが、公式サイトのDownloadページにてPHPとJavaScriptのクライアントライブラリが公開されてるみたいです。 face.com developers site Download クラスライブラリの形なので非常に簡単に利用することができるようです。 face.comのビジネスモデルと事業の継続性については気になるところですが、お手軽に重い処理をアウトソースできるという点で魅力的ですね。 勿論、このサービスが停止しなくなれば使えなくなるので安定したサービスを提供したい場合には自前でOpenCVを入れてやった方が良さそうです。 関連エントリ PHPでOpenCVなしのピュアPH
IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」:phpspot開発日誌
IMGr :: jQuery Image Rounder IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」 $("imageElement").imgr(); と唱えるだけでクロスブラウザで画像の角を丸くすることが可能です。 $("imageElement").imgr( optoins ); でradiusやサイズ、色のカスタマイズが可能。 赤いボーダーで角丸の例 ボーダーを消した例 四方の角丸の操作も自由自在です。 IE 6, IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0, Opera 10.62 のブラウザ上でテストされているそうです。 関連エントリ CSSで角丸テクニック２５ 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」 CSS3で影付き角丸グラデーション付きのボタンを作成す
CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」:phpspot開発日誌
CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」 2010年03月07日- CSS3 Dropdown Menu 次のようなCSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」が公開されてます。 CSS3をサポートしないブラウザでも角丸がかからないだけで綺麗に表示されるようです。 デモページはこちら。 クオリティがとても高いですね。 ヘッダーナビゲーション等に使うといい感じかもしれません。 関連エントリ クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 jQueryで幅の大きなドロップダウンメニュー作成チュートリアル
年月日、時間、分までが一括で選べちゃう時間指定ウィジェット実装JSライブラリ:phpspot開発日誌
年月日、時間、分までが一括で選べちゃう時間指定ウィジェット実装JSライブラリ。 次のような、時間に関する指定が一括で出来ちゃうウィジェットが公開されています。 インプットボックスにカーソルを合わせるとポップアップして表示させることも可能です。 時間指定が便利になっていいかもしれませんね。 以下のエントリを参照してください。 Any+Time JavaScript Library
IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
肌をツルツルに綺麗にしてくれるPhotoshopアクションが凄い:phpspot開発日誌
肌をツルツルに綺麗にしてくれるPhotoshopアクションが凄い。 普通の写真をクリック一発で次のように、綺麗な素肌にしてくれるアクションファイルがdeviantARTにて公開されています。 以下の写真を見れば一目瞭然ですね。 使い方ですが、ダウンロードした、.atn ファイルを、Photoshop の「アクション」部分にドラッグ＆ドロップすれば使えるようになります。 以下のエントリを参照してください。 Enhancing skin color by ~mermes on deviantART 関連エントリ 写真を一瞬でクールに出来るPhotoshopアクションが色々 写真をクールに加工できるPhotoshopアクション集 １クリックで写真の印象を簡単に変えてしまうPhotoshopアクション集
XAMPPでcurlやopensslなどのPHPエクステンションを有効にする方法:phpspot開発日誌
XAMPPでcurlやopensslなどのPHPエクステンションを有効にする方法。 XAMPPは、Apache、MySQL、PHPのWEB開発ツールを一括してインストールできるソフトです。 ApacheやMySQLの起動もコントロールパネルで行え、PHP4,5の切り替えも可能（→詳しくはこちら）。 ただ、XAMPPはインストーラーでインストールできる分、configure などのコマンドによってPHPのインストールオプションの指定は出来ません。 このため、よく使われるPHPエクステンションの curl は初期状態では使うことが出来ません。 opensslはServices_Deliciousを使う際に使ったりしますし、curlは、Services_YoutubeやServices_TinyURLなどで使われます。(そもそもcurlエクステンションは便利) そこで、XAMPPでcurlを使う
Amazon ECS4の新バージョンがリリース:phpspot開発日誌
Amazon Web サービス ブログ: Amazon Webサービスの日本語サポートについて 米国時間の2006年5月25日に、新しいAPIバージョン（2 006-05-24）がリリースされましたのでご案内いたします。 Amazon ECS4の新バージョン( 2006-05-17 )が公開されたようです。 リクエストに、Version=2006-05-17 を指定することで使用できます。 このリリースでは、説明の通り、アダルト商品かどうかの情報が取れるみたいなので、ECS4テスターで試してみました。 ※検索してみた結果(クリックでXMLを開きます) このように、ItemAttributes/IsAdultProduct で 0 or 1 が返ってくるようになりました。 これまでは、商品の情報をいろいろ文字列マッチにかけるなどして対応していましたが、これでそういった面倒なことをせずに済むわ
利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」:phpspot開発日誌
Notimo Demos site 利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。 次のリンクをクリックしてみてください。 → 通知を表示してみる ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。 スクロールしても、いやみではない感じにちゃんとついてきてくれます。 使い方もかなり簡単で、必要なJSとCSSを読み込んだ後、インスタンスをnewして show メソッドを呼び出すだけです。 showは２回連続で呼び出しても、ちゃんと１個目と区別して表示してくれます。 <script type="text/javascript"> var notimooManager = new Notimoo(); // 通知を表示 notimooManager.show({ title: 'タイトル', message: 'メッセージ
WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル:phpspot開発日誌
WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル 2009年04月15日- PHP Tutorials Examples Embedding PHP In CSS WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル。 CSSファイルをPHPとして実行して共通の値を変数にして使うというチュートリアルが公開されています。 PHPは知ってるという方には当たり前すぎるかもしれないですが、WEBデザイナーの方が最初に入門するにはよいかも。 ステップ1 AddType application/x-httpd-php .css .htaccess等に、AddTypeを追記して、.cssファイルがphpとしてサーバ側で処理されるように指定 ステップ2 <link rel="stylesheet" href="style.php" media="
木、葉っぱ、雲、水など自然に関するPhotoshopブラシセット:phpspot開発日誌
600 Nature Brushes for Photoshop 木、葉っぱ、雲、水など自然に関するPhotoshopブラシセットが紹介されていました。 写真に映して、切り取ってオリジナル素材作成なんてことも出来ますが、こうしたものを利用すればお手軽に自然が表現できてしまいますね。 木に関するブラシ Complete Tree Brush Pack リアルな樹木を一発描画できますね Trees Brushes 色々な形の、ロゴ横なんかにつかえそうな綺麗なブラシ 葉っぱに関するブラシ Leaves Brushes 色々な形の葉っぱ型ブラシ Leaves Brushes リアルな形をした葉の形のブラシ 雲に関するブラシ Cloud Brushes リアルな雲が描画できます Beautiful Clouds 山に関するブラシ Mountain Brushes Vector Mountains 雪
5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプル:phpspot開発日誌
A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg
よいCSS開発を行うための８のＴＩＰＳ:phpspot開発日誌
8 methods to bring your front end coding to rockstar levels | StylizedWeb.com よいCSS開発を行うための８のＴＩＰＳとして、当たり前かなと思うことから、なるほどというものがあったので以下にご紹介。 ・IDやクラス名にはより意味のあるものをつけよう たとえば、boxとかwrapperとかcontainerとかは一般的ですね。 一般的なものをつけておけばそれが何なのかすぐに分かるし、協業の際にも便利。 全体のラッパー以外にも、headerとか、content とか footer とか固定で使っておくと一貫性が出ていい感じですね。 まあ当たり前の人には当たり前なテクニックかも。 ・閉じコメントをつけて構造を分かりやすく <div id="header" class="section"> <div id="header-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
生年月日から年齢を計算する簡単な計算式:phpspot開発日誌
CSSのみで画像に違和感なく注釈を入れるサンプル:phpspot開発日誌