phpspot開発日誌: 2007年08月アーカイブ

スポンサードリンク

« 2007年07月 | メイン | 2007年09月 »

2007年08月31日

半透明でクールにフェードするツールチップ実装ライブラリ「CoolTi...
次のような角丸のツールチップがフェードアウトでクールに現れます。title 属性に設定した値を出してくれるようです...(続きを読む)

壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル
次のように何もない壁に文字を違和感なく埋め込んでいってます。ちょっと画像で驚かせたいときなんかに使えそうな...(続きを読む)

Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xil...
Xilinus を使って、次のような、ドラッグ＆ドロップ可能な複数のウィンドウをつくれるようです。クラス化されていて...(続きを読む)

2007年08月30日

YUIを使ってLightBoxを実現するサンプル
YUIの「YAHOO.widget.Dialog」を応用してLightBox風なものを作るサンプルが紹介されています。オンラインデモ Yahoo! UI Libr...(続きを読む)

燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル
次のようなクールなロゴを作るチュートリアルです。次のような流れで、１からロゴを作っていきます。PhotoShopオンリ...(続きを読む)

ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CS...
次のように、ページに使われているCSSをファイルごとに編集し、リアルタイム反映できます。ページのＣＳＳをすべて...(続きを読む)

2007年08月29日

画像の映り込みエフェクトを実現するJavaScriptライブラリ「reflex.js...
次のような画像の映り込みエフェクトを付けることができます。使い方は、必要なライブラリを読み込んで class を付与...(続きを読む)

FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Code...
インストールすると「ツール」メニューにCodetechが追加され、実行すると次のようなDreamWeaver風のWYSIWYGなHTMLエディタが...(続きを読む)

使用するFlashプレイヤーのバージョンを選べるようになるFirefox拡張...
インストールすると、次のように、ブラウザの右下にFlashのアイコンが追加され、Firefox上で、Flashプレイヤーのバージ...(続きを読む)

2007年08月28日

AjaxのバックエンドにPHP＋MySQL
クライアントブラウザとのAjax通信用にサーバ側で動作するサンプルプログラムを作ります。やったことない人にはわか...(続きを読む)

JavaScript のチートシートいろいろ
(続きを読む)

Flashムービー上で右クリックを可能にするサンプル
Flash上では通常、右クリックするとFlashメニューが現れます。ただ、この機能により、Flash上で右クリックが使えず、マ...(続きを読む)

2007年08月27日

PHPの変数値を調べたい時に外部に出力するツール「HTTPTrace」
次のように、Windowsアプリ側でPHPの値をトレースすることが出来ます。仕組みとしては、htraceというPHP関数がWindowsアプ...(続きを読む)

prototype.jsで右クリックメニューを独自に作れるJSライブラリ「Proto.M...
使い方は、必要なJavaScript/CSSファイルを読み込んだ後、次のようなコードを書くだけです。// メニューを定義var myLinks = ...(続きを読む)

フリー＆フレッシュなアイコン配布サイト集２０＋
新たに発見されたアイコン配布サイトがまとまっていました。 iPhoneSketch iPhone icons Smiley Development Kit Flag Button...(続きを読む)

2007年08月26日

空メールでユーザ登録させるPHPサンプル
大体の携帯サービスでこういった仕組みが実装されていますが、作り方が分からないという方も多いと思います。そこ...(続きを読む)

2007年08月25日

生年月日から年齢を計算する簡単な計算式
「(今日の日付-誕生日)/10000の小数点以下切捨て」このPHPやPerl、Javaでのコードのサンプルが掲載されています。覚えて...(続きを読む)

2007年08月24日

WEB DB PRESS Vol.40 - 本
売り上げランキング: 369出荷予定: 近日発売　予約可WEB+DB PRESS編集部技術評論社 amazonで詳細を見る | 大きい画像を見る&...(続きを読む)

ブックマークレット型DOMインスペクタXRAYがIE6＋に対応
XRAYとは、ブックマークレットを起動すると、ウィンドウが現れて、クリックした位置のDOM属性を表示してくれるツール...(続きを読む)

コンピューターグラフィックスマスターの仕事集
コンピューターグラフィックスマスターの仕事集。PhotoShopなどを使った芸術的な作品集がリストされています。とても...(続きを読む)

2007年08月23日

prototype.jsでMacOSXのDock風ＵＩを作るJavaScriptライブラリ
カーソルを合わせるとアイコンが拡大されるあのＵＩをprototype.jsで実装したい場合に使えます。その他、Dock風ＵＩ実装...(続きを読む)

Appleサイトのメニュー風ボタンを作るチュートリアル
次のようなAppleサイトのメニュー風ボタンを作れます。イラストレーター用のチュートリアルですが、PhotoShopでもレイ...(続きを読む)

CSSでクールなテーブルを作成するサンプル
次のようなテーブルを作成するサンプルが公開されています。サンプル１（解説記事）サンプル２（解説記事）テーブ...(続きを読む)

2007年08月22日

“素”のWebブラウザを起動する方法
IE7, Firefoxにおいて素の状態で起動する方法が説明されています。意外に知らない人も多そうですが、知っておくと色々...(続きを読む)

Web2.0な高品質バッジをオンラインで手軽に作成
次のようなバッジを簡単かつ柔軟に作成できます。カスタマイズできる項目が大量にあって、よりオリジナル性が出せ...(続きを読む)

Firefoxで別ブラウザのレンダリングエンジンを使う拡張いろいろ
(続きを読む)

2007年08月21日

PHPカンファレンス2007のプログラム概要が公開
PHPカンファレンス2007のプログラム概要が公開。大規模サイトの構築・運用ノウハウ PHP Framework Update PHP at Yahoo! JA...(続きを読む)

超絶クールなMacスタイル写真ギャラリー「PhotoFlip」
次のような、iPhoneに搭載されているような写真ギャラリーが作れます。PhotoFlip の動作デモはこちらギャラリー自体は次...(続きを読む)

WordPressのプラグイン集 300＋
いくつか抜粋してリストにしてみました。 Alexa Rank - サイトにAlexaランキングを表示 Google PageRank - GoogleのPRをサイト...(続きを読む)

2007年08月20日

PHPプログラミングのベストプラクティス
以下にダイジェストをまとめます PHP開始タグには <?php のみ使い、<?=や<%のようなタグは使用しない DB接続...(続きを読む)

PHPとPhotoShopでアバターの仕組みを作る方法
PHPのイメージ関数を使って、PhotoShopで作ったPNG画像を合成するサンプルスクリプトが公開されています。PhotoShopでアバ...(続きを読む)

100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.c...
100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」。例えば、雷のブラシを使って次のようなクー...(続きを読む)

2007年08月19日

PHP4からPHP5への移行-オブジェクトの仕様変更の続きとインタフェー...
gihyo.jp の記事が新たに追加されました。移行がまだの人は参考にしましょう。関連エントリ残り一年！ PHP4からPHP5へ...(続きを読む)

2007年08月18日

prototype.jsの1.6.0のRC版がリリースされました
prototype.js使いの方は要チェックしておきたいですね。関連ページ prototype.js逆引きサンプル集 - JavaScriptist (続きを読む)

2007年08月17日

アイデアをWEB上でジェネレートできる「idea generator」
アイデアをWEB上でジェネレートできる「idea generator」。ボタンを押すと、３つのワードでアイデアをジェネレートして...(続きを読む)

CSSで独自デザインされた検索ボックスを作成
次のような検索ボックスを作成するサンプルが公開されています。画像は１枚だけで、構成は結構シンプルなつくりに...(続きを読む)

WEBデザインに便利なオンラインジェネレーター＆ツール集
WEB2.0なサイトのデザインを作る際にかなり使えるブラウザツール集がまとまっていました。角丸コーナージェネレート ...(続きを読む)

2007年08月16日

あのサイトがどの技術で作られているのかがわかる「BuiltWith」
「このサイトは、Apacheで動いており、MoviableTypeを使い、RSS・ATOMを配信。CSSとJavaScriptを使っていてエンコーディングはUT...(続きを読む)

Yahoo!が出したJavaScript圧縮ツール「YUI Compressor」
Javaで書かれたコマンドラインツールで、次のようにコマンドラインで使うことが可能です。java -jar yuicompressor-1.0.jar [-h,...(続きを読む)

フリーのアイコンを探す＆入手できるサイト集
フリーのアイコンを探す＆入手できるサイト集。アイコンはWEBサイトやデスクトップに配置し、利用者により使いやす...(続きを読む)

2007年08月15日

HTML5.JP - 次世代HTML標準 HTML5情報サイト
次世代のHTMLということでWEBに関わる人は気になりますね。(続きを読む)

クールな壁紙各種がサイズ別にダウンロード可能なサイト
次のように、クールな壁紙を色んな解像度でダウンロードすることが可能です。壁紙を設定したいけどいい壁紙がない...(続きを読む)

超クールかつロイヤリティフリーなMacOS Xアイコン集
次のようなMacOS Xアイコンが配布されています。パーソナル利用の場合自由に使えるということで、ありがたいですね。...(続きを読む)

2007年08月14日

ブラウザ上でPowerPointプレゼン作成「Preezo」
ブラウザ上でPowerPointプレゼン作成「Preezo」。次のように、PowerPoint ウリ２で使い方もPowerPoint 同様直感的で使いやすく...(続きを読む)

デュアルスクリーン用のクールな壁紙を入手可能「Dual Screen Wallpaper...
デュアルスクリーン用のクールな壁紙を入手可能「Dual Screen Wallpaper」次のように横長のデュアルスクリーン用壁紙を色...(続きを読む)

オンラインCSS整形＆最適化＆圧縮ツール集
オンラインCSS整形＆最適化＆圧縮ツール集。 CLEANCSS Code beautifier CSS Cascading StyleSheet Optimizer CSS Optimizer CSS Compre...(続きを読む)

2007年08月13日

オンラインで軽快な正規表現テスト「RegexPal」
オンラインで軽快な正規表現テスト「RegexPal」。JavaScriptで出来ていてマッチ結果もリアルタイムに反映されます。開発...(続きを読む)

faviconジェネレーター20個
favicon.cc 256pixels favicon2dot Converticon FaviconTool続きを見るfaviconはブックマークに追加した際にサイトの目印...(続きを読む)

ソートが可能なテーブル実装ライブラリ色々
JavaScriptとCSSを活用し、データのソートが可能な便利なウィジェットを実装できるライブラリが多数紹介されています。...(続きを読む)

2007年08月12日

添付画像付きのマルチパートメールをPHPで送るサンプル
PEARなどのクラスライブラリを一切使わず、初心者にも分かりやすいサンプルとなっています。添付メールは結構面倒な...(続きを読む)

2007年08月11日

クロスサイトスクリプティング対策の落とし穴
単にタグを消去してサニタイズを防いだと思ったら、javascript の on 〜部分などでクロスサイトスクリプティングの脆弱...(続きを読む)

2007年08月10日

プロフェッショナルデザインのための８０の美しい書体
...タイトルロゴ等のフォントの種類に迷ったりした場合はダラダラみていけばデザインのヒントに出来そうですね。関...(続きを読む)

３Ｄグラフ描画用JavaScriptライブラリ「Canvas 3D Graph」
ライブラリを使って次のような3Dグラフが描画できるようです。3Dグラフというと使いどころが？な感じですが、うまい...(続きを読む)

超クール！iPhoneデザイン風ボタンが色々つまったPhotoShopテンプレー...
次のように、iPhone風のボタンがレイヤーごとに分けられたPhotoShopファイルがダウンロードできます。ボタン自体をWEBサ...(続きを読む)

2007年08月09日

CSSだけで円グラフを表示するサンプル
次のような円グラフをCSSのみで実現するサンプルが公開されています。HTMLコードは以下のようにシンプルに表現できま...(続きを読む)

PHPベースの企業向け高機能CMS「eZ Publish」 by Zend
ライセンス形態は無償のオープンソース版とサポートの有償版があるようです。PHP バージョン 4.4 以上、MySQL バージョ...(続きを読む)

光のモーションで画像を超カッコよくするPhotoShopチュートリアル
PhotoShopで光のモーションを作って画像をすごくカッコよくする流れが見れます。本テクニックを使えば、まるで雑誌広...(続きを読む)

2007年08月08日

携帯サイト作成のためにも使えるPHPのライブラリ
携帯サイトをそのうち作ろうと思っている方は参考にさせていただきましょう。(続きを読む)

Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」
Web2.0なサイトによく見られるバッジを、次のようなオンラインツールで自作することが出来ます。PhotoShop用のバッジフ...(続きを読む)

CSSデバッギングツール１０選
便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内を...(続きを読む)

2007年08月07日

残り一年！ PHP4からPHP5への移行
gihyo.jpで連載記事が開始されたようです。セキュリティフィックスが 2008/8/8 までということで、実質あと１年ぐらいで...(続きを読む)

3カラムのクールなWordPressテーマ集30＋
またまた、カッコいいWordPressテーマの特集です。 05 Moon 1.0 Acid Green Pro Alike Theme Ayumi Bionic Jive Blogging Simpl...(続きを読む)

リンクホバーを超カッコよくアニメーションするJavaScriptライブラ...
例えば、次のアンカーにカーソルを合わせてみてください。 a.scrollover { /* Default Colour/Styles here */ color: #557AFF; ...(続きを読む)

2007年08月06日

超クールJavaScriptライブラリ「Ext v1.1」正式版リリース
次の点が更新され、ますます強力さを増しているようです。 YUIやprototype.jsを必要とせず、スタンドアロンでExtが動作...(続きを読む)

使えるHTMLエンティティ文字 - raquo,laquo
以下のような記号をHTMLエンティティ文字で表現することが可能です。« (＆laquo;) » (＆raquo;)これは例え...(続きを読む)

画像にマスクを施せるJavaScriptライブラリ「Edge.js」と画像エフェク...
Edge.js を使えば次のように、画像にマスクを与えることが可能です。次のように、JavaScript でマスク画像の配列を定義し...(続きを読む)

2007年08月05日

PHPカンファレンス2007
9月1日（土）10:00-17:00（09:30開場） 18:00より懇親会を行います（希望者のみ、約2時間） 9月1日ということなので、残り約...(続きを読む)

2007年08月04日

６つの新コンポーネントを搭載したYUI 2.3.0がリリース！リッチテキ...
次のようなWYSIWYGなリッチなエディタ機能の他、５つの機能が追加されました。以下、追加された機能。リッチテキ...(続きを読む)

2007年08月03日

Flashムービー形式でデスクトップ録画「JING」
指定の範囲をFlashのムービー形式であるFLV形式で音声付で保存することが可能です。Youtubeなどの動画サイトにアップし...(続きを読む)

お絵かきキャンバスを提供するJavaScriptライブラリ「InputDraw」
次のようにキャンバスの上にドラッグ＆ドロップでお絵かき機能を実装できます。必要なJavaScriptライブラリを読み込ん...(続きを読む)

使われていないCSSセレクタを発見することが可能なFireFox拡張「Dust-...
インストールするとFirefoxの右下に次のようなアイコンが表示されます。クリックすると、次のように、表示中のページ...(続きを読む)

2007年08月02日

PHP 4.xでPHP 5.2/6.0の機能を実現する互換キット
導入すれば、次の、5.2/6.0で導入された機能が使えます。 PDO機能 json_encode/ json_decode 他に使えるエミュレート関数...(続きを読む)

5000枚以上のパブリックドメインな写真素材集「Free Stock Photos」
次のようなハイクオリティな写真が無料で利用できます。↓クリックで拡大したところ（すごく品質がよいですね）...(続きを読む)

CSSで角丸テクニック２５
様々なサイトにでの角丸実装ドキュメントのまとめです。 Sliding Doors Even More Rounded Corners With CSS - Schillmania.com wg:...(続きを読む)

2007年08月01日

iPhoneのUIをまとめた写真集
iPhoneのUIをまとめた写真集。米国で発売されたiPhoneですが、そのインタフェースの写真集が公開されています。次はム...(続きを読む)

シンプルなデータの使い方を表したアイコンセット
シンプルなデータの使い方を表したアイコンセット。データをどう使うか？どう保存するかなどを分かりやすく伝える...(続きを読む)

スライムのような質感のWeb2.0風ロゴを作成するPhotoShopチュートリア...
次のような流れで、印象的なロゴをたくみに作っていくチュートリアルが公開されています。色を変えて、色々印象を...(続きを読む)