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

スポンサードリンク

« 2009年11月 | メイン | 2010年01月 »

2009年12月29日

2009年の人気記事まとめ (人気ブックマーク順)
1. WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2. これさ...(続きを読む)

2009年12月28日

2009年12月28日管理人のブックマーク
「iPhoneやめました」を読んで、iPhoneの魅力を考えて見た | SE7EN DESIGNhttp://www.respect-design.net/blog/?p=291独り言がダサくなら...(続きを読む)

レイヤーごとに分かれたWindowsやMacで動くブラウザ画像のPhotoshop素...
サイトイメージをはめ込んでチュートリアルページなんかに使ったりできそうです。次のようにレイヤーに分かれてい...(続きを読む)

超カッコいい光のブラシセットのまとめ
ページヘッダーの画像なんかに使うとインパクトを出せそうですね。以下のエントリを参照してください。30 Incredibly Fr...(続きを読む)

クールなフォームのPhotoshopテンプレート集「Web Form Elements」
クールなフォーム実装をする際の参考にできそうです。以下のエントリを参照してください。Web Form Elements by ~sniperyu on ...(続きを読む)

2009年12月27日

綺麗なディスプレイアイコンを作成するPhotoshopチュートリアル
ディスプレイの反射が自然な感じで描画されていて良い感じですね。以下のエントリを参照してください。Photoshop Tutori...(続きを読む)

2009年12月26日

レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集
スピード重視のレイアウト作成時に使えます。以下のエントリを参照してください。6 Amazing CSS Grid Layout Generator For Web De...(続きを読む)

2009年12月25日

2009年12月25日管理人のブックマーク
テンプレートエンジン Smoochy を公開します - localdiskhttp://d.hatena.ne.jp/localdisk/20091224/1261660948Gmail・Twitterからブログまで一...(続きを読む)

ハメコミ合成などに使えるPhotoshopによるガジェット画像作成チュー...
これらを参考に独自にガジェットを考案してみるのも面白いかもしれませんね。以下のエントリを参照してください。3...(続きを読む)

ブロック要素等をアニメーションで他に切り替えるならコレ「transm...
例えば、ページヘッダーのメイン画像なんかをアニメーションさせながら別の画像に切替えるような際に使えます。&dar...(続きを読む)

テキスト選択後のアクションをポップアップしてくれユーザビリテ...
動作を説明すると、まず、ページ内のテキストを選択します。すると、ポップアップが現れて、コピーの他、各種検索...(続きを読む)

2009年12月24日

2009年12月24日管理人のブックマーク
「クラウド」という技術はない - 記者の眼：ITprohttp://itpro.nikkeibp.co.jp/article/Watcher/20091218/342382/Winnyサイトブラウザ "Nyzilla...(続きを読む)

複雑な数式を出力したい際に使えるjQueryプラグイン「jsLaTeX」
<div class="latex"> int_{0}^{pi}frac{x^{4}left(1-xright)^{4}}{1+x^{2}}dx =frac{22}{7}-pi </div> のようなブロックがあったとし...(続きを読む)

そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」
以下のような特徴があるようです。 ajaxによるデータ読み込みマウスホイールやキーボードによる操作カラムや...(続きを読む)

2009年の凄いPhotoshopチュートリアル100種
以下のエントリを参照してください。The 100 Most Popular Photoshop Tutorials 2009関連エントリプロレベルのPhotoshopチュートリ...(続きを読む)

2009年12月23日

2009年12月22日管理人のブックマーク
便利に使えるイラストレーターパターン集「30+ Free Adobe Illustrator Pattern Sets」 | DesignDevelophttp://design-develop.net/design/free-adob...(続きを読む)

2009年12月22日

2009年12月21日管理人のブックマーク
「Google Chrome」の拡張機能--便利な機能の数々を紹介:スペシャルレポート - CNET Japanhttp://japan.cnet.com/special/story/0,2000056049,2...(続きを読む)

溜息がでそうになる宇宙のアートワーク集
なんとも素晴らしいですね。以下のエントリを参照してください。50 Mind-Blowing Space Artworks | CreativeFan(続きを読む)

グラフィックをキラキラゴージャスにするPhotoshopブラシセット
味気ない画像もこれで輝かせることができるかもしれませんね。以下のエントリを参照してください。Bling Effects Pack ? 5...(続きを読む)

シンプルだけどスッキリ見やすく綺麗なWordPressテーマ「Typebased」
細部に使われているテクニックがなかなかイカしてます。CSS玄人にも受けそうなシンプルレイアウトですね。日付の分...(続きを読む)

2009年12月21日

細部のズームアップ表現に使えるPhotoshopチュートリアル
製品の紹介などをWEBで行う際の参考にできそうです。以下のエントリを参照してください。Create a Zoomed In Effect in Photosho...(続きを読む)

クリスマス特集に使えそうなとっても可愛いクリスマスアイコンセ...
ダウンロードパッケージには、64x64、128x128、256x256 サイズのアイコンが１６種類セットになってアーカイブされていま...(続きを読む)

リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQ...
wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）の...(続きを読む)

2009年12月20日

ページフッターにプロモーション枠を簡単挿入できるjQueryプラグイ...
次のようにページフッターを乗っ取ってバナーなどを表示できます。他にも、入口画像を用意しておいてクリックする...(続きを読む)

2009年12月19日

次のデザインに使えそうな綺麗なアイコン集
以下のエントリを参照してください。50 Beautiful Free Icon Sets For Your Next Design - Smashing Magazine関連エ...(続きを読む)

2009年12月18日

2009年12月18日管理人のブックマーク
iPhone向けサイトのユーザビリティ最適化でチェックしておきたい項目まとめ:コラム - CNET Japanhttp://japan.cnet.com/column/pers/s...(続きを読む)

Twitter連携サービスを作る際などに使えそうなTwitterアイコンいろい...
Twitter以外にもRSSのアイコンもまとまってます。以下のエントリを参照してください。A Collection of 46 Twitter- and RSS-Icons | D...(続きを読む)

PHPでPageRankを計算するサンプルコード
次のようなデータからPageRankを計算するというものです。次のような関数サンプルが公開されており、これによって計...(続きを読む)

画像を配列で指定すると紙芝居のように表示してくれるjQueryプラグ...
サイト上では、世界の天気の移り変わりを画像で動画っぽく表示しているデモが公開されています。複数ある画像でア...(続きを読む)

2009年12月17日

2009年12月17日管理人のブックマーク
Google、ドメイン間の rel=”canonical” タグのサポート開始 | 海外SEO情報ブログ・メルマガhttp://www.suzukikenichi.com/blog/google-no...(続きを読む)

CSSで3D空間を表現するテクニック
微妙に変わってます。具体的には実物を見たほうがわかりやすいですね。以下のエントリを参照してください。Romn Corts...(続きを読む)

jQueryをよく使う人に使えそうな７つのチートシート
ajaxブームの2005年から4年。すっかりjQueryが地位を確立してしまった感がありますね。以下のエントリを参照してくださ...(続きを読む)

データベースをAJAXで直接編集できるテーブルがインスタントに作...
各カラムは「編集可能」や「読み込みオンリー」に指定することができて、好きなカラムのみ編集させることができま...(続きを読む)

2009年12月16日

2009年12月16日管理人のブックマーク
3200万人の個人情報漏洩―RockYouのハッカー侵入への対応は最悪http://jp.techcrunch.com/archives/20091214rockyou-hack-security-myspace-faceb...(続きを読む)

Appleっぽいクールなボタン作成のための素材とチュートリアル
背景が透明でも影付きで表示OKのようですね。以下のエントリを参照してください。Developing pretty buttons with css best practic...(続きを読む)

2010年に参考にできそうなCSSベースのWEBデザイン集
次のデザインを作る際には是非、マネて一歩レベルアップをはかりたい、というようなレイアウトがいっぱいです。本...(続きを読む)

またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org ...
次のような綺麗でリッチなインターネットアプリケーションが作れます。デモページには多数のコンポーネントが掲載...(続きを読む)

2009年12月15日

2009年12月15日管理人のブックマーク
GoogleChromeの拡張を作る上でFirefoxアドオン作者が知っておくべき10の違い【GoogleChromeでニコ動拡張を作ってみた感想】 - l...(続きを読む)

輝く綺麗なクリスマスツリーを描画するPhotoshopチュートリアル
今年もあと少しですね。以下のエントリを参照してください。Design an awesome Christmas tree in Photoshop | Grafpedia関連エントリ ...(続きを読む)

ページ内に雪を降らせられるjQueryプラグイン「jSnow」
デモページを見てみましょう使い方は簡単で、flakeCode に配列を指定すると文字が指定でき、flakeColor 指定で色を指定で...(続きを読む)

ブラウザ上で様々なファイルを作ってダウンロードさせられる「Dow...
サーバに保存する必要がないので、サーバサイド言語が使えない環境であってもつかえてしまうのが特徴です。例えば...(続きを読む)

2009年12月14日

2009年12月14日管理人のブックマーク
不自由なGoogle Chrome OS - 記者の眼：ITprohttp://itpro.nikkeibp.co.jp/article/Watcher/20091211/341978/一週間のToDoをざっと見渡せるシンプ...(続きを読む)

2009年のCSSサイトデザインベスト
CSSデザインということでソースを見ても勉強になりそうですね。リンク先は以下のエントリを参照してください。Best of...(続きを読む)

製品の特徴についてカッコよく表示できるjQueryプラグイン「Feature L...
実装方法最初はちょっと難しいような気もするのですが、実はかなり簡単で次のように<div>以下に2つのulを置いて...(続きを読む)

ボタンを綺麗に修飾してくれるライブラリ「sexybuttons」
デフォルトボタン修飾後ボタン他にも色々なボタンに変更することができます。サポートブラウザは以下みたいですMozi...(続きを読む)

2009年12月13日

Photoshopのパフォーマンス改善のための６つの方法
古いPhotoshopだと場所がちょっと違いますが、簡単にメモしてみました。パフォーマンスは上がるかもしれませんが、利...(続きを読む)

2009年12月12日

綺麗な3Dノートアイコン作成チュートリアル
PSDファイルのダウンロードも可能です。以下のエントリを参照してください。How to Create a Clean 3D Notepad in Photoshop | Tutoria...(続きを読む)

2009年12月11日

2009年12月11日管理人のブックマーク
Chromeエクステンションの開発は驚異的に簡単―いよいよFirefoxと戦争にhttp://jp.techcrunch.com/archives/20091210chrome-firefox/Firefox...(続きを読む)

立体的な木の箱をテクスチャなしで描くPhotoshopチュートリアル
PSDファイルのダウンロードも可能です。以下のエントリを参照してください。How To Design a 3D Wooden Box in Photoshop | Tutorial9...(続きを読む)

とても綺麗な壁紙３０種類いろいろ
作っている人たちは凄い楽しんで作ってるんでしょうね。素晴らしい。以下のエントリを参照してください。30 Stunningly...(続きを読む)

PHPによるAjaxなどを活用したQ＆Aオープンソースシステム「Qwench」
質問一覧や、まだ回答されてない質問、タグによる質問の分類や、質問に星をつけたりコメントしたり、回答したりと...(続きを読む)

2009年12月10日

2009年12月10日管理人のブックマーク
はてなブックマーク for iPhone をリリース / iTunes カード欲しい！キャンペーン開始 - はてなブックマーク日記 - 機能変更...(続きを読む)

jQueryでアニメーションするクールなサインアップボタン作成チュー...
Flashを使わずにjQueryを使って比較的簡単なコードによって実装されているようです。マウスオーバーすると色が変化。...(続きを読む)

錆び等のグランジなテクスチャ２５セット
背景画像などに使えますね。リンク先は以下のエントリを参照してください。25 Free and High Quality Grunge Textures関連エント...(続きを読む)

Photoshopファイルのバージョン管理がプレビュー付きで出来て便利そ...
もちろん、Photoshop ファイルのバイナリもバージョン管理しちゃえるのですが、プログラムコードのようにプレビューで...(続きを読む)

2009年12月09日

2009年12月9日管理人のブックマーク
はてなブックマーク Google Chrome 拡張のベータテストを開始します - はてなブックマーク日記 - 機能変更、お知らせなどh...(続きを読む)

iPhoneブックマーク用のアイコンを作成しよう
作ったらサーバにアップロードします。そして、HTMLタグを追記します。アイコン画像を光らせたい場合iPhoneにはボタン...(続きを読む)

1.5KBで実装できるスライドショー用JavaScript ライブラリ「TinySlider」
jQueryプラグインではありませんが、jQueryバリに簡単に実装できる模様です。var slideshow=new TINY.slider.slide('slideshow',{ &n...(続きを読む)

注目を集めるためのCSS3を使った光るボタンサンプル実装例
アニメーションで輝くボタンはまるでイルミネーションのようです。@-webkit-keyframes を使うことでこんなことができるん...(続きを読む)

ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い
が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。↓↓↓↓&...(続きを読む)

2009年12月08日

2009年12月8日管理人のブックマーク
速報：Googleは本気で光速に挑戦する―リアルタイム検索、提供開始http://jp.techcrunch.com/archives/20091207google-realtime/ゴーグル...(続きを読む)

ページサイドにアニメーションするMac OS X 風のドック風ナビゲーシ...
デザインはCSSで行われているため、もっと自分のサイトにあった形にカスタマイズすることも出来そうです。以下のエ...(続きを読む)

JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプ...
ソースコードも解説されているのでこのテクニックについて覚えておいてもよさそう。以下のエントリを参照してくだ...(続きを読む)

いつもと違うよりリアルなドロップダウンシャドウを描画するPhotos...
ということで、レイヤー効果をつけた後、レイヤーをラスタライズし、次のように円形選択ツールで４つの辺を削って...(続きを読む)

2009年12月07日

2009年12月7日管理人のブックマーク
となりったー Tonaritter - Twitterの発言を分析して嗜好が近い人をお勧めhttp://otonari.in/やったことがないプロジェクトに取...(続きを読む)

立体的で飛び出しそうな3Dテキスト描画Photoshopチュートリアル
3D部分にはXara3D という3Dソフトを使っています。￥6200ということでこういう素材を簡単に作りたいという方は持ってお...(続きを読む)

WEBサイトやiPhoneアプリに使えそうなアイコンセット「108 mono icons」
以下のエントリを参照してください。108 Mono Icons: Huge Set of Minimal Icons | Tutorial9関連エントリ iPhoneアプリのツールバー...(続きを読む)

ブラウザ上でC#やPHP5を動かせて遊んで学べる「CodeRun」
ブラウザ上でコーディング次のように、IDEアプリケーションのようなUIで、C#やPHP5.1を、ブラウザの上で動かすことが出...(続きを読む)

2009年12月06日

印象に残るすごいベクターアート集
時間をかけてじっくりこういうものを作るのは楽しそうですね。以下のエントリを参照してください。Vectips Weekly Vector ...(続きを読む)

2009年12月05日

力強い筆で描いたようなPhotoshopブラシ集
Photoshop CS4 用のようです。ダウンロードするには以下のエントリを参照してください。High Quality Rough and Grungy Photoshop Brus...(続きを読む)

2009年12月04日

2009年12月4日管理人のブックマーク
Google、無料DNSサービス「Google Public DNS」発表 - ITmedia エンタープライズhttp://www.itmedia.co.jp/enterprise/articles/0912/04/news018.htmlG...(続きを読む)

常識破りのFlashサイト「Wonderwall」が素晴らしい件
一見普通のサイト、のように見えますが・・・。マウスカーソルを合わせると表現しづらいのですが、３Ｄでグニャー...(続きを読む)

インタラクティブでアニメーションするグラフが描けるJSライブラ...
マウスが上に乗るとポップアップしてヒントが出るようなグラフもこのJSライブラリで描画できます。デモページでは...(続きを読む)

PHPのあの関数をJavaScriptでやるには？をまとめた「phpjs.org」
例えば、functions ページには使える関数がまとまっているのですが、array系、ソート系、入力チェック系やオブジェクト...(続きを読む)

2009年12月03日

2009年12月3日管理人のブックマーク
Google Japan Blog: 思いどおりの日本語入力 - Google 日本語入力http://googlejapan.blogspot.com/2009/12/google_03.htmlGoogle 日本語入力 - ダ...(続きを読む)

iPhoneに素敵なギフトリボンを付けるPhotoshopチュートリアル
変形のワープを使って変形させていきます。古いPhotoshopの場合は使えないかも。なかなかおもしろいアイデアですね。...(続きを読む)

スクロールした位置についてくるサイドバーをjQueryで実装するサン...
付いてくるのがリアルタイムにしすぎるとガクガクして酔いますが、ちょっとした遅延があったあと、アニメーション...(続きを読む)

クリエイティブでアイデア溢れるブログデザイン色々
ブログデザインをする際の参考によさそうです。アイデアは尽きないですが、今後はどういうデザインが生まれるか楽...(続きを読む)

2009年12月02日

2009年12月2日管理人のブックマーク
JavaScriptだけでさまざまなグラフを描画できる高機能ライブラリ『HighCharts』 - IDEA*IDEA 〜百式管理人のライフハックブロ...(続きを読む)

質感が非常に美しいチェーンの画像を作成するPhotoshopチュートリア...
金属の表現がうまく表現されており、チェーン以外のオブジェクトを描画する際にも参考にできそうですね。以下のエ...(続きを読む)

jQueryで複数の画像を立体表示できる「jQuery Image Cube」
次のように、画像を立体的にして回転させるなんていうことがjQueryとの組み合わせで簡単に実現出来ます。実装は次の...(続きを読む)

とても美麗な宇宙のアートを作成する際に参考になるPhotoshopチュー...
次のような画像が作成できるチュートリアル集です。映画のＰＲにでも使えるんじゃないかというクオリティのものが...(続きを読む)

2009年12月01日

2009年12月1日管理人のブックマーク
Google Analytics携帯版の導入方法まとめ | ke-tai.orghttp://ke-tai.org/blog/2009/11/30/googleanalyticsmobile3/携帯サイト[xhtml]のコーディン...(続きを読む)

カラフルで美しい光の描画Photoshopチュートリアル
以下のエントリを参照してください。Creating a Colorful Light Effect with Pixelmator | Abduzeedo | Graphic Design Inspiration and Photoshop Tutor...(続きを読む)

GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン...
マウスホイールでズームし、ドラッグして地図移動が可能ズームとか移動のコントローラーを付けることも可能で...(続きを読む)

2009年に発見した秀作アイコンのまとめ
WEBアプリ汎用Led Icon Set - Psdtuts+MinIcons by ~kyo-tux on deviantART32px maniaVagaOnebit free icon setいい感じのアイコンセットProject Icon Se...(続きを読む)