phpspot開発日誌: 2009年10月アーカイブ

スポンサードリンク

« 2009年09月 | メイン | 2009年11月 »

2009年10月31日

ナビゲーションに使えそうなタブ付きリスト実装サンプル
サイドバーなんかに組み込んでサイトの使い勝手を高められそうです。インタフェースの挙動次のようなインタフェー...(続きを読む)

2009年10月30日

2009年10月30日管理人のブックマーク
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考Lhttp://sakaki0214.com/2009/10/300227...(続きを読む)

ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「...
デモページ名前の通り、jQueryベースで作成されていますので比較的簡単に使うことが可能です。以下のエントリを参照...(続きを読む)

便利そうなフリーのアイコン作成ツール６種類
Greenfish Icon Editor ProIconFXSib Icon EditorLiquidIcon XPアイコンは作る場合、使い慣れたツールで作るのもいいですが、こうした...(続きを読む)

mixiアプリの作り方(PC・携帯版)に関するサイト色々まとめ
ということで色々、mixiアプリの収益化のチャンスや開発方法などの現状について調べてみました。収益化のチャンスmix...(続きを読む)

2009年10月29日

2009年10月29日管理人のブックマーク
(特にMyISAMを使っていた)ウェブ屋さんがInnoDBを使う場合の設定項目 - kazuhoのメモ置き場http://d.hatena.ne.jp/kazuhooku/20091029/125...(続きを読む)

10月30・31日、東京開催のCakePHPのお祭り「CakeMatsuriTokyo2009」
30・31日というと明日（金曜日）になりますが、カンファレンスの枠は、まだ空きがあるようなので、興味のある方は参...(続きを読む)

瓶の栓っぽいソーシャルアイコンセット
使いどころは？なのですが面白かったので紹介させてもらいました。ちょっと奇抜なこのアイコンは注目をひくのには...(続きを読む)

PHPから高度なCAPTCHAの仕組みreCaptchaを実装するチュートリアル
サーバにGDが仕込まれていなかったりするレンタルサーバなどでも使えるので、スパムをはじきたいといった場合に使...(続きを読む)

「HiFi RegExp Tool」を使って超高速に学ぶ正規表現入門
先日『その場で動作させて確認する正規表現入門ツール「HiFi RegExp Tool」』として視覚的に動作が分かる正規表現ツール...(続きを読む)

2009年10月28日

2009年10月28日管理人のブックマーク
Android 2.0 "Eclair" 詳細発表、対応SDKリリースhttp://japanese.engadget.com/2009/10/27/android-2-0-sdk/第14回関数脳のつくり方 Second Season...(続きを読む)

200を超えるRSSアイコンセット「Supra」
これだけあったら自分の好みのアイコンが見つかるはずですね。ダウンロードは以下のエントリを参照してください。2...(続きを読む)

テーブルの内容をリアルタイムにグラフ描画できるjQueryプラグイン...
$('#table1').graphTable({series: 'columns'}); みたいにすることで、指定したテーブルのデータを次のように描画させることが...(続きを読む)

WEBサイトデザインのフィードバック作業が超便利になりそうな「Not...
Notableは、サイトのスクリーンショットを撮ってからNotable上のサーバにアップロードし、そのスクリーンショットに、...(続きを読む)

2009年10月27日

2009年10月27日管理人のブックマーク
中身を捨てずに空間をすてる。漫画も本も iPhone に入れる全工程 | Lifehacking.jphttp://lifehacking.jp/2009/10/scanning-your-books-and-com...(続きを読む)

１回見たら消える伝言を作れる、使い捨て伝言板サイト「CQC」
適当なメッセージを入力して、「作成」ボタンでページを作るという、超簡単なインタフェースです。作成ボタンを押...(続きを読む)

Google Wave風のクールなヒストリースライダー作成サンプル＆チュー...
スライドさせる位置によって表示させるコンテンツ量をスムーズに切り替えることが出来ます。アニメーションが滑ら...(続きを読む)

TwitterのFriendsやFollowersをページにアイコン付きで表示するWidget実装j...
デモ１ - フォロワーリストをアイコンで表示。時間を置くと自動でページ送りされます。デモ２ - デモ１に追加で、更...(続きを読む)

2009年10月26日

2009年10月26日管理人のブックマーク
Amazon EC2/S3を使う上での設計/運用ノウハウをまとめた書籍を出します - RX-7乗りの適当な日々http://d.hatena.ne.jp/rx7/20091026/p1...(続きを読む)

Windows7風ナビゲーション作成チュートリアル
以下のエントリを参照してください。Photoshop Tutorials - HV-Designs.co.uk関連エントリボタン作成のPhotoshopチュートリアル...(続きを読む)

ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQu...
以下にその機能を紹介してみます。活用例１背景画像自動背景画像をブラウザサイズ変更に合わせて自由に伸縮ブラウ...(続きを読む)

PHPからbit.lyやtr.im等のURL短縮サービスをまとめて扱える「PEAR::Service...
alpha版という位置づけなので注意が必要ですが、簡単にURLの短縮ができるのでとても便利です。サービスで、URLを短縮...(続きを読む)

2009年10月25日

その場で動作させて確認する正規表現入門ツール「HiFi RegExp Tool」
その場で動作させて確認する正規表現入門ツール「HiFi RegExp Tool」ボックスの中に、正規表現を入れるだけで、リアルタ...(続きを読む)

2009年10月24日

ユニークなPSDファイル付きロゴデザインまとめ
ロゴデザインの参考の他、仮のロゴをサクッと作りたいという場合に便利ですね。リンク先とダウンロード先は以下の...(続きを読む)

2009年10月23日

2009年10月23日管理人のブックマーク
既存媒体への広告費、半分が「無駄」に：日経ビジネスオンラインhttp://business.nikkeibp.co.jp/article/tech/20091019/207547/デルの9...(続きを読む)

ベクター形式の女性を表したアイコンセット9種
意外にこうしたアイコンは多く出回ってない気がしますね。ダウンロードは以下のサイトよりVector girl icons - Female vector ...(続きを読む)

対象をドラッグ＆ドロップしてtwitter等にシェアできるプログラム...
対象にカーソルを合わせると、ツールチップが開き、シェアする場合はドラッグするようメッセージが表示されます。...(続きを読む)

JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で...
ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存して...(続きを読む)

2009年10月22日

2009年10月22日管理人のブックマーク
iPhoneの一人勝ち、グラフで如実に―モルガン・スタンレーの報告、続編http://jp.techcrunch.com/archives/20091021how-the-iphone-is-blow...(続きを読む)

デザイン時に空だとまずい位置のサンプルコンテンツを素早く用意...
デザイン時に空だとまずい位置のサンプルコンテンツを素早く用意できる「Lorem 2」。海外のCSSサンプルサイトでは必ず...(続きを読む)

大量のアイテムもスッキリとリスト形式のメニューにしてしまえる...
大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」次のように大量のアイテムがあ...(続きを読む)

Twitter画面のクールなデザイン集１０個
次のように、たしかにtwitterだけど、カッコいい・・・、というものが10種類見れます。Twitterの画面といえど妥協はでき...(続きを読む)

2009年10月21日

2009年10月21日管理人のブックマーク
Wordpressを最適化してスピードアップ! プラグインや.htaccess設定いろいろ | DesignWalkerhttp://www.designwalker.com/2009/10/wp-optimizatio...(続きを読む)

最新のWEBベースの画像編集ツール10種類
高機能なので、画像編集ツールの入ってないパソコンなんかで画像の編集をしたい場合にWEB上で手軽に加工できます。...(続きを読む)

コーヒーのしみをテーマにしたテクスチャ7枚セット
コーヒーのしみをテーマにしたテクスチャ7枚セットが公開されています。しみといっても、なかなか味のある次のよう...(続きを読む)

縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル...
縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」ドロップダウンメニューは限られた...(続きを読む)

2009年10月20日

2009年10月20日管理人のブックマーク
ソースコードから見るグーグル気質、規律を持つ気さくな開発者集団：ITprohttp://itpro.nikkeibp.co.jp/article/COLUMN/20091015/338900/...(続きを読む)

CSSでリストを整形するなら覚えておくべき８つのリストデザインサ...
リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっと変わったデザインも作れそうです...(続きを読む)

twitterを利用しているあの人の頭の中が分かる「twitter脳内メーカー...
php - twitter脳内メーカーtwitterを使っている人は試してみると面白いかも。関連エントリ脳内メーカーのハート版「ハ...(続きを読む)

jQueryを使って簡単実装！かなりカッコいいログインフォーム作成の...
jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル。ページのヘッダーにあるログイン...(続きを読む)

Googleとの連携を便利にする１０のWordPressプラグイン
Google Sitemap のジェネレーターを管理画面に組み込むプラグインGoogle AnalyticsのAPIを叩いてアクセス数などを管理画面に直...(続きを読む)

2009年10月19日

2009年10月19日管理人のブックマーク
Twitter のフォロワー数が重要ではなくなる日：シロクマ日報：ITmedia オルタナティブ・ブログhttp://blogs.itmedia.co.jp/akihito/2...(続きを読む)

興味深いインフォグラフィックが色々まとまった記事
全て見るには以下のエントリを参照してください。13 Interesting Infographics for Web Workers | Web Design Ledger(続きを読む)

jQueryのAjax機能を使った投票システムのサンプルプログラム
jQueryのAjax機能を使った投票システムのサンプルプログラムが公開されていますデータはＤＢに入れる仕様で、次のよう...(続きを読む)

複数のHostsファイル管理・切替が簡単に行えるFirefoxアドオン「Switch...
複数のHostsファイル管理・切替が簡単に行えるFirefoxアドオン「SwitchHosts」。開発用のサーバにhosts設定して、本番と同じ...(続きを読む)

2009年10月18日

www.php.netにコナミコマンドが実装されたようです
www.php.net で「上上下下左右左右ＢＡ（Return)」を押したところ。Returnをお忘れなく詳しくは halt 氏の以下のエントリを参...(続きを読む)

2009年10月17日

Photoshop CS5の更なる新機能紹介ムービーが更に物凄い!
ムービーは以下。・写真を絵の具で書いたみたいにペイントっぽくするテクノロジー・ポイントを指定するだけで人物...(続きを読む)

Photoshopで超リアルな帽子を描画するチュートリアル
Photoshopで超リアルな帽子を描画するチュートリアル。次のようなリアルな帽子を描画する手順が公開されています。ペ...(続きを読む)

2009年10月16日

2009年10月16日管理人のブックマーク
YouTube - NHK「おはよう日本」Twitter特集（10/16）http://www.youtube.com/watch?v=kewVwddFL0k【PC Watch】 19,800円のAndroid搭載MID「SmartQ5」...(続きを読む)

ブロガー向けの手で書いたようなアイコンセット色々
油絵風のRSSアイコンなど、インパクトが大きいですね。ノートに書いたような各種ソーシャルアイコンこちらの油絵っ...(続きを読む)

マウス位置を拡大して表示できるjQueryプラグイン「zooma」
マウス位置を拡大して表示できるjQueryプラグイン「zooma」。次のようにカーソル位置を拡大して別のブロックに表示す...(続きを読む)

URL短縮サービス展開用のオープンソース9種
リンク先は次のエントリを参照してください。9 OpenSource URL shortening apps to make your own services | 2experts Design - Web Design and Gra...(続きを読む)

2009年10月15日

2009年10月15日管理人のブックマーク
大手新聞社グループのTwitterへの取り組みまとめ :Heartlogichttp://www.heartlogic.jp/archives/2009/10/twitter_10.htmlカッコよすぎる Twitt...(続きを読む)

iPhoneのアイコンっぽいフリーのソーシャルメディアアイコン集
次のような、iPhoneのアイコンっぽいフリーのソーシャルメディアアイコン集が公開されています。PNG, ico, bmp等の形式で...(続きを読む)

何時何分何秒の入力を便利にするjQueryプラグイン「jTimepicker」
何時何分何秒の入力を便利にするjQueryプラグイン「jTimepicker」。時計のアイコンを押すと次のような水平バーが現れて...(続きを読む)

キーボードでアイテムやページの送り・戻しを簡単に実装できてし...
<script>タグでページに読み込むだけで使えるので使い方も簡単です。実装できる機能としては、以下のようになっ...(続きを読む)

2009年10月14日

2009年10月14日管理人のブックマーク
拡張現実ARの実用化を目指したのではない，“セカイカメラ”が作りたかった - インタビュー：ITprohttp://itpro.nikkeibp.co.jp...(続きを読む)

ノート、ペン、ラップトップ、電話などが詰まった綺麗なベクター...
次のような、ノート、ペン、ラップトップ、電話などが詰まった綺麗なベクターアイコン集が公開されています。全体...(続きを読む)

jQueryを使ったハイセンスなTwitterティッカー実装チュートリアル
完成品のダウンロードをすることも可能です。詳細は次のエントリを参照して下さい。A jQuery Twitter Ticker ? Tutorialzine関...(続きを読む)

スクロールのデザインするならコレが便利なjQueryプラグイン「jScrol...
スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」。ちょっと前に話題になっていたような気が...(続きを読む)

2009年10月13日

2009年10月13日管理人のブックマーク
Life is beautiful: O/Rマッピング技術の進化が皮肉にも助長している「えせMVC症候群」http://satoshi.blogs.com/life/2009/10/ormappingmvc....(続きを読む)

WebKitブラウザー間での機能比較テーブル
WebKitについてはそれほど詳しくなかったのですが、WikiPediaのWebkitなんかを読んでみるとなかなか面白いですね。以下の...(続きを読む)

jQueryを使いドロップダウン変更によって文字を大きくするスニペッ...
↓ドロップダウン選択で文字が大きくなります↓次のように2行で実現しているところがjQueryの素晴らしいところ。...(続きを読む)

iPhoneアプリのツールバー部分に使えそうなアイコン色々
iPhoneアプリケーション作者の方や、今後作ろうと思っている場合に参考にどうぞ。30 Free Vector Icons | Dezinerfolio綺麗にま...(続きを読む)

2009年10月11日

ボタンやフォーム要素、シールなどWeb2.0っぽいUIパーツ集
Photoshopファイル1個の中に、それぞれのパーツが綺麗にレイヤーごとに分かれていて使いやすい。次のエントリでダウン...(続きを読む)

2009年10月10日

グランジな壁のテクスチャ集
次のエントリを参照してください。12 Free and High-Res Grungy Wall Textures関連エントリフリーテクスチャを色々探せるサイ...(続きを読む)

jQuery開発に便利なエディタ上でF5実行などの機能がついたjQuery専用...
jQuery開発に便利なエディタ上でF5実行などの機能がついたjQuery専用エディタ「jQueryPad」が公開されました。起動してコ...(続きを読む)

2009年10月09日

2009年10月9日管理人のブックマーク
Life is beautiful: Google WaveがHTML5ブラウザーへのシフトを加速するhttp://satoshi.blogs.com/life/2009/10/end-of-ie-era.htmlメディア・パブ...(続きを読む)

ハロウィン用のベクターデータ、ブラシ、フォント色々
それぞれのリンク先は以下のエントリを参照してください。22 Halloween Photoshop Brushes, Vectors & Fonts関連エントリハロ...(続きを読む)

インパクトのあるアイコンをIllustratorで作成するチュートリアル集
アイコンはラスターで作ると楽ですが、よく使うであろうアイコンの場合、どのサイズでも同じに使えるベクターで作...(続きを読む)

ActionScript 3.0とPHPを使った独自デザイン＆再利用可能な進捗付きア...
独自にデザインできる、ということでアップロード部分のデザインにも手を入れたいという場合にはかなり使えそうで...(続きを読む)

2009年10月08日

これは素晴らしいアートが詰まった２４の絵文字フォント色々
特に、次の Efon はカワいいアイコンが収録されており、サイトに入れるとなかなかいい感じになりそうですね。他にも...(続きを読む)

2009年10月8日管理人のブックマーク
速報：ソニー VAIO X 正式発表、2GHz Atom Zで1300ドルからhttp://japanese.engadget.com/2009/10/07/vaio-x-2ghz-atom-z-1300/Winny開発者、逆転...(続きを読む)

これは面白い、ナイロンテープのような形状のPhotoshopブラシセット
ダウンロードは以下のエントリを参照してください。Free Brushes - 20 Free Tape Photoshop Brushes | Think Design関連エントリ木、...(続きを読む)

有料サイトの「価格」部分に焦点をあてたサイトデザインサンプル...
複数のプランがあるような有料サイトのデザインをする際において参考にすることが出来そうです。いざ作ろうとなる...(続きを読む)

CSSによるボタンスタイリング例いろいろ
リンク先は以下のエントリを参照してください。Beautiful and Simple CSS Button Styling(続きを読む)

2009年10月07日

2009年10月7日管理人のブックマーク
出版界の破壊神か創造主か？グーグルが目をつけたオンデマンド製本の正体 | ビジネスモデルの破壊者たち | ダイヤモ...(続きを読む)

ビンテージ感が素晴らしいサイトデザイン集
ちょっといつもと違った領域へのデザインの一歩として真似してみるのもよさそうです。各リンク先は以下のエントリ...(続きを読む)

最近見つけた水彩・壁等の各種素材に関するテクスチャ集まとめ
20 Free Original Hi-Res Ink Stained Paper Textures | Design Shard水彩絵の具をたらしたようなHi-Resテクスチャ集Hi-Res Fully Stained Paper Textu...(続きを読む)

apple好きにはたまらないapple風のボタンやメニュー作成チュートリ...
まるごとAppleっぽいサイト作成チュートリアルも。以下のエントリより参照してください。20 Apple-inspired Tutorials for Practi...(続きを読む)

2009年10月06日

CSS3のフィーチャーをブラウザ上で簡単に再現可能な「CSS3 Generator ...
Webkit 用のプロパティになりますが、次のようにCSS出力も出来るみたいです。CSS3 Generator - WidgetPad.com(続きを読む)

2009年10月6日管理人のブックマーク
任意のPHPコードをWordPressのウィジェットに変換してくれる『Widgetifyr』 - 100SHIKI 〜世界のアイデアを日替わりでhttp://www....(続きを読む)

インクで塗りつぶしたような模様を描画できるPhotoshopブラシ
これを背景なんかにしてデザインしていくのもいいかも。以下のエントリよりダウンロードできますColorburned | Ink Blots: ...(続きを読む)

サイト用のキャラクター作成時に使えそうなキャラクター作成の具...
私のようなキャラクターを作ったことがない人でも、参考にしながらオリジナルキャラクター作成の際の手助けになり...(続きを読む)

たった1ファイルでサーバ上のコンテンツ管理が出来る最低限の「On...
ログイン画面ディレクトリの中身（ディレクトリ・ファイル）をカッコよく表示ファイル名を入力してファイル作成フ...(続きを読む)

2009年10月05日

2009年10月5日管理人のブックマーク
Geekなぺーじ : ネットで実名を出せない理由http://www.geekpage.jp/blog/?id=2009/10/5/1Shift_JIS では、htmlspecialchars() を使用しても XS...(続きを読む)

シームレスな背景パターンを得られるサイト２７
それぞれのリンク先は以下のエントリを参考にしてください。27 Best WebSites to Download Free Seamless Patterns?|?Dzine Blog関連エン...(続きを読む)

Google Analyticsから訪問数・PV数をPHPでゲットするサンプルコード
Google Analytics PHP API example - SWIS BV にて公開されている、analytics.class.php というライブラリを使ったサンプルになりま...(続きを読む)

ページにFlashみたいな読込み状況を付けた上でクールに表示するjQue...
読込みバーが右に伸びていって進捗表示終わったらアニメーションでカッコよく画面切り替えページ表示したところ必...(続きを読む)

2009年10月04日

緑ベースのロゴデザインを作成する際に便利なまとめ集
全て見るには以下のエントリを参照してください。54 great green logos for inspiration?|?Design your way(続きを読む)

2009年10月03日

iPhone用のクールな壁紙が色々
まだ、iPhoneの壁紙がしっくりこないという方は参考にしてみてもよいかも。リンク先と、その他の壁紙は...(続きを読む)

2009年10月02日

2009年10月2日管理人のブックマーク
7分で出来る効率的なRSSリーダーの使い方 | nanapi[ナナピ]http://r.nanapi.jp/456/ウェブアプリケーションの脆弱性診断を定期...(続きを読む)

ファンシーなデザインがいい感じのAjax＆PHPなコンタクトフォーム...
ファンシーなデザインがいい感じのAjax＆PHPなコンタクトフォーム作成のチュートリアルと、ソースコードが公開されて...(続きを読む)

フリーな(X)HTML/CSSなテンプレート集のまとめ
リンク先は以下のエントリを参照してください。99 High-Quality Free (X)HTML/CSS Templates | Showcases | instantShift(続きを読む)

PHPのGraphicsMagickで画像を様々に加工するサンプルコード集
そもそも、GraphicsMagickを使えば簡単なコードで高度な加工が可能ですが、サンプルコードもあれば高度な処理を素早く...(続きを読む)

2009年10月01日

2009年10月1日管理人のブックマーク
iPhone用「AR(拡張現実)」ソフト続々 | WIRED VISIONhttp://wiredvision.jp/blog/gadgetlab/200909/20090930235700.htmlEvernoteとDropboxを使い分ける...(続きを読む)