マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル:phpspot開発日誌
phpied.com Blog Archive Simultaneuos HTTP requests in PHP with cURL The basic idea of a Web 2.0-style "mashup" is that you consume data from several services, often from different providers and combine them in interesting ways. マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル。 通常、PHPでAPIにアクセスする場合、例えば、Yahoo!検索APIとはてなブックマークのRSSを取得してマッシュアップする場合は次の図のようになります。 ただ、この方式だと、Yahoo!検索APIにリクエストし、その結果を待ちます。 そして、そこからはてなブック
PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」:phpspot開発日誌
PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 2008年02月21日- Icebeat | class.image PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 class.image.php を使えば、分かりやすいコードで、簡単に画像のリサイズ、切抜きが可能です。 例えば、3行で、画像のサムネイルが作れてしまいます。 まずは、画像を幅200pxでリサイズ＆保存のコード $thumb = new Image('image.jpg'); $thumb->width(200); $thumb->save(); そして、画像を50%のサイズにリサイズのコード $thumb = new Image('image.jpg'); $thumb->resize(50); $thumb->save(); そして、左0px、上30pxの位置
CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル:phpspot開発日誌
Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のＣＳＳを適用。 p.thumb{ float:left; margin:.5
モバイルキャリア判定用のPHPライブラリ「PEAR::Net_UserAgent_Mobile」最新版を入れよう:phpspot開発日誌
PEAR :: Package :: Net_UserAgent_Mobile モバイルキャリア判定用のPHPライブラリ「PEAR::Net_UserAgent_Mobile」が2/10にアップデートされました。 前回のリリースは、2007/2/20。1年ほど経っているわけなのですが、その間に携帯端末のユーザエージェントの状況なんかも変わりましたね。 新しく、モバイルかPCのどちらか、というのを判別するために、isMobile メソッドが追加されています。 (これまでは、isDocomo、isEZWebなど、具体的なキャリア名の指定が必要でした） より詳しい変更点はこちらを参照してください 携帯サイトをPHPで構築されている方は要チェックですね。 関連エントリ 携帯端末のUserAgentを扱うライブラリ:Net_UserAgent_Mobile
PHPから各種ウェブサービスにアクセスするためのライブラリ集 2008年2月版:phpspot開発日誌
PHPから各種ウェブサービスにアクセスするためのライブラリ集 2008年2月版 をまとめてみました。 2006年に「PHPからWEB2.0なAPIサービスを使う際に便利なモジュールまとめ」というエントリでウェブサービス用モジュールをまとめましたが、あれから時間が経ったので再度まとめてみました。 Services_Amazon - Amazon用 Services_Delicious - del.icio.us用 Services_Google - Google用 (古いので使えないかも) Services_Yahoo - Yahoo!Webサービス用 Services_Technorati - Technorati用 Services_Youtube - youtube用 Services_Digg - digg 用 Services_Twitter - Twitter用 PEAR::Fl
JavaScript製のフォームバリデータライブラリいろいろ:phpspot開発日誌
CSSgallery.info Javascript form validators When we use forms, we need somehow to validate the data user input. JavaScript製のフォームバリデータライブラリがいろいろ紹介されています。 Realtime validation using Ajax ( フォームの入力値をリアルタイムにバリデーション「Realtime validation」 ) LiveValidation ( JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」 ) JSValidate ( prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」 ) validator.js - Client-side form validatin
美しいアートを作成するためのPhotoShopチュートリアル100:phpspot開発日誌
100 Photoshop Tutorials for Creating Beautiful Art 美しいアートを作成するためのPhotoShopチュートリアル100。 PhotoShopを使って、絵を描いていくためのチュートリアルが100も紹介されています。 実際に絵を描くわけなので絵心が必要になってきますが、将来的にこういった絵も描いてみたいという方は覚えておくといいかも。 もっとも、絵心のある方はこれらを参考により美しいグラフィックを描く上での参考にできるでしょう。 関連エントリ PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」 PhotoShopを使ってリアルな触手っぽい画像を作成するチュートリアル PhotoShopでMP3プレイヤーのデザインを作成するチュートリアル PhotoShopでオリジナルの古地図を作成するチュートリアル
PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」:phpspot開発日誌
Photoshop Brushes PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」。 ブラシ、パターンの他にカスタムシェイプや文字スタイルなんかも公開しているようです。 ○ブラシ色々 ○パターン ○カスタムシェイプ ○スタイル、グラデーション これは便利そうですね。 関連エントリ リアルな壁面PhotoShopブラシ PhotoShopのカッコいいブラシ色々 フリーのPhotoShopブラシを大量に公開している「Obsidian Dawn」 PhotoShop用の100のブラシコレクション
PHPからシンプルにRSSをパースできるクラスライブラリ「Last RSS」:phpspot開発日誌
Last RSS - PHP RSS parser/reader lastRSS.php is simple yet powerfull PHP class to parse RSS. PHPからシンプルにRSSをパースできるクラスライブラリ「Last RSS」。 １つのファイルのinclude で済み、必要最小限の機能で、クラスライブラリの分かりやすい形で使えます。 コード例は次のようにシンプル // include lastRSS library include './lastRSS.php'; // create lastRSS object $rss = new lastRSS; // setup transparent cache $rss->cache_dir = './cache'; $rss->cache_time = 3600; // one hour // load s
LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」:phpspot開発日誌
Facebox 1.0 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」。 リンクをクリックで次のように画像をポップアップしてくれます。 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 コードは次のように非常にシンプルです。 rel="facebox" でポップアップしてくれるみたいです。 <a href="/facebox/remote.html" rel="facebox">text</a> jQueryベースなので軽量な点もうれしいところ。 ちょっと気分を変えたい方は導入
写真家のためのPhotoShopレタッチテクニック集55:phpspot開発日誌
Emma Alvarez Site: Top Best 55 Photoshop Tutorials For Professional Photographers Some people think that photo retouching started with Photoshop. But it may be more precise to say that photo retouching started with photography. 写真家のためのPhotoShopレタッチテクニック集55。 人物の写真の修正や、風景写真の修整など、PhotoShopでより写真を美しくするためのチュートリアルが多数公開されています。 写真の修正テクニックは凄いですね。ほぼ原型をとどめていないような物も…。 雑誌などの写真が信じられなくなるかもしれない、凄いテクニック集です。 関連エントリ
PhotoShopのカッコいいブラシ色々:phpspot開発日誌
M・ de 800 brushes para Photoshop | Blog Creativo PhotoShopのカッコいいブラシ色々。 次のようなカッコよくてグラフィック作成に凄く役立ってくれそうなブラシがまとまっています。 動きのある光のイメージやVANSのスニーカーなど、種類は様々で、いろんなシーンで使えそうなので是非とも覚えておきたいですね。 関連エントリ フリーのクリスマス用PhotoShopブラシ集 フリーのPhotoShopブラシを大量に公開している「Obsidian Dawn」 PhotoShop用の100のブラシコレクション 375のフリーなPhotoShopブラシまとめ PhotoShopのブラシを800以上配布しているサイト「VOID brushes」 渦巻いた花の形をしたデザインのオシャレなPhotoShopブラシ集 フリーで使える超絶クールなPhotoShop
凄くクールな名刺を作成するPhotoShopチュートリアル:phpspot開発日誌
Luxa - Photoshop Tutorials, Videos, Brushes, Tips & Tricks There are many different ways to attack a business card design. 凄くクールな名刺を作成するPhotoShopチュートリアル 次のようなカッコいいデザインの名刺をPhotoShopで作っていきます。 こんな名刺を渡されたら、つい取っておきたくなる、あるいは自慢したくなるかもしれません。 名刺をデザインするような際には是非覚えておきたいチュートリアルですね。 関連エントリ WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル テキストに迫力ある隕石風エフェクトをかけるPhotoShopチュートリアル Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル
ドラッグ＆ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」:phpspot開発日誌
Drawter.com - DrawAble Markup Language ドラッグ＆ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」。 次のように、グラフィックソフトを扱うように、範囲をドラッグ＆ドロップで囲ってブロックが作れます。 好みのレイアウトが出来たら、後は、Code メニューから「Generate Code」を選ぶだけでコードが作れます。 ブロックベースのレイアウト作成ツールはありますが、こういった自由な形に作成できるものは珍しいですね。 凄く凝ったレイアウトを作る際になかなか使えそうです。 関連エントリ 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成 ビジュアルにドラッグ＆ドロップでCSSレイアウトをデザインできる「YAML Builder」 WYSIWYG型オンラインCSSデザインツール「CSSEZ」
WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル:phpspot開発日誌
Icojoy this tutorial we will try to make round button in one of Windows Vista styles. WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル。 次のようなボタンを作成するチュートリアルがムービー付きで公開されています。 以下がそのムービーです。 ガラスのような質感を作成する場合に参考になる良いチュートリアルですね。 このVista風のボタンもカッコいいのでサイトに盛り込んでカッコいいサイト作りに役立てられそうです。 関連エントリ 56のクールなPhotoShop用レイヤースタイル集 PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル
クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」:phpspot開発日誌
CSS Buttons is the Plug and Play Solution for Web Designers and Developers - CSS Buttons.net CSS Buttons will allow designers to quickly implement consistently looking, cross-browser, buttons regardless of the element used. クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」。 CSS Buttons を使えば、Win,Mac,Linux上の色々なブラウザでちゃんと動作するボタンが実装できるようです。 ブラウザのボタンに関するレンダリングの差異を吸収するCSSが含まれています。 a, button, input タグによるボタン実装が考えられて
テキストを自由な位置で折り返せる「CSS Text Wrapper」:phpspot開発日誌
CSS Text Wrapper The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle.テキストを自由な位置で折り返せる「CSS Text Wrapper」。 テキストを円形等、好きな形の範囲内に収める仕組みが考案されたようです。 次のように、円形の中にテキストを並べる等、まさに自由自在です。 昔はこういった形でのテキストは空白を挟んだりして実現は難しいと思っていましたが、実現できるんですね。 デザイン系のサイトなんかで活用できそうな仕組みです。 こんな仕組みがあるとは知らない人に見せたらアッと驚くこと間違いないでしょう。 ちょっとしたサプライズを与えたい場合に使えますね。
CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集:phpspot開発日誌
Dynamic Drive CSS Library- CSS Oval buttons These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons, similar to CSS Square Buttons. CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集。 次のようなボタンのＣＳＳとＨＴＭＬが公開されています。 マウスオーバーでホバーします。 マークアップは次のように、div と a , span タグを併用 <div class="buttonwrapper"> <a class="ovalbutton" hre
CSSのみでクールな階層メニュー作成サンプル:phpspot開発日誌
Stu Nicholls | CSSplay | Cross browser flyout menu examples using only css CSSのみでクールな階層メニュー作成サンプル。 次のようなカッコいい階層メニューのサンプルが公開されています。 クールなのでそのままサイトに組み込んで流用できそう。 IE5.5 , IE6, IE7, Firefox, Opera 等で動作。 関連エントリ CSSでちょっと変わっているピル風の形をしたナビゲーションを作成 セクシーに動作するスライドメニューバー実装JSライブラリ クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」 CSSのクールなメニューをオンラインで簡単生成「CSS Menu Generator」
WEBデザイナーのための超便利リンク集:phpspot開発日誌
For Webdesigners - 332 helpful links for webdesigners WEBデザイナーのための超便利リンク集。 Ajax、カラー、CSS、Flash、フォント、無料写真、ジェネレーター、素材、アイコン、インスピレーション、PhotoShopチュートリアル、xhtml に関するサイトが332もまとまっています。 どのカテゴリも厳選されていて、WEBデザイナーの方には便利なものになっています。 フォントや写真、アイコンなどの素材を探す場合にはここから探してもよさそう。 関連エントリ 超クールなブログデザイン集30 プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」 ページ送り部分のデザイン研究
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
