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

スポンサードリンク

« 2009年10月 | メイン | 2009年12月 »

2009年11月30日

2009年11月30日管理人のブックマーク
CSS3 角丸を表現する border-radius | CSS Lecturehttp://www.css-lecture.com/log/css3/css3-border-radius.html日本でもFacebookが急成長。そろそろ...(続きを読む)

有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」
管理画面に応用すれば優れた管理画面が作れそうです。デザインが苦手という方や手間を省きたいという方によさそう...(続きを読む)

CSSのオンライン圧縮ツール色々
以下のエントリを参照してください。25 Online CSS Compressors To Optimize Your Styles Print Radar - Scanning digital space(続きを読む)

ロゴデザインをする際に参考にできそうなシンプルでスマートなロ...
みていたらロゴをつい作りたくなってしまいました。以下のエントリを参照してください。Logos, logos, logos! CreativityDen関...(続きを読む)

2009年11月29日

テキストを画像の輪郭に合わせて折り返せる「jQSlickWrap」
使い方もjQueryプラグインなので簡単で、slickWrapというプラグインメソッドを呼び出せば実装できるようです。<script ty...(続きを読む)

2009年11月28日

超カッコいい星と光を描画したデザイン作成Photoshopチュートリアル
Photoshopの機能で簡単に作れるのかと思いきや、なかなか凝ったことをしてるみたいです。以下のエントリを参照してく...(続きを読む)

2009年11月27日

2009年11月27日管理人のブックマーク
革新的な情報収集ツール「tumblr」をやってみるべし(CROSSBREED クロスブリード！)http://crossbreed.jp/archives/200911270105.phpモバ...(続きを読む)

机上に写真が散らばったようなクールなLightBoxギャラリー
写真がドラッグ＆ドロップで移動できて、ドロップ位置にドロップするとShareする、というようなことも出来るみたい...(続きを読む)

質感がすごい神アイコン色々
W-shop IconArchigraphs Collection IconsArchigraphs Cars IconsIcons for Yellow PagesOffice Icons こういうアイコンは作ろうと思っても、素人に...(続きを読む)

JavaScriptでJPEGをエンコードするというクレイジーな発想が実現
使い方も非常に簡単で、次のようにオブジェクト指向になっています。// インスタンス作成var myEncoder = new JPEGEncoder([qual...(続きを読む)

2009年11月26日

2009年11月26日管理人のブックマーク
Google Chrome OSに欠けているもの (1/2) - ITmedia Newshttp://www.itmedia.co.jp/news/articles/0911/26/news008.html凄みを増したGood Reader。遂にZ...(続きを読む)

テーブルのユーザビリティを飛躍的に向上させる「Chromatable」
普通のテーブルChromatableで初期化次のようにスクロールしてもヘッダー位置はそのままで非常に分かりやすい。実装方...(続きを読む)

少ないスペース内でコンテンツをグリグリスクロールさせられるjQu...
少ないスペースに色々なコンテンツを置くような場合に参考にできそうです。デモページを見るとその凄さが分かる筈...(続きを読む)

プリティなURLを実現するための分かりやすい.htaccessサンプル
随分前から、その真偽について色々議論されつつもSEOの常識として言われているpretty url。SEO云々もありますが、一目見...(続きを読む)

色々と使えそうなグラフや図が描けるビジュアリゼーションライブ...
Fly Chartsマウス位置によって情報がポップアップされたり、タブでデータを区切ったり出来るFlash製のＵＩをしたユニー...(続きを読む)

2009年11月25日

2009年11月25日管理人のブックマーク
Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト - かちびと.nethttp://kachibit...(続きを読む)

phpコードの動作テスト時に使えるちょっとした小技
if ($_SERVER['REMOTE_ADDR'] == 'IPアドレス') { // テストコード}この短いコードですが、(1) 条件式を書く (2) IPア...(続きを読む)

かなりスタイリッシュかつ高機能なLightBox風ライブラリ「TopUp」
TopUpは、次のように、閉じるボタンやドラッグ＆ドロップでき、リサイズできるOSのようなLightBoxを実現できます。実現...(続きを読む)

オンラインでワイヤーフレームが描画できる「HotGloo」がかなり便...
簡単なベースを作っておくことであとはPhotoshopなどで装飾させるというステップで、ユーザビリティを考えつつデザイ...(続きを読む)

2009年11月24日

白黒だけどいい感じなフリーアイコンセット「pictoico」
色数が少ないっていうのは意外とデザインが難しそうな気がしますがとってもいい感じですね。以下のエントリを参照...(続きを読む)

2009年11月24日管理人のブックマーク
MOONGIFT: ? プレゼンテーションとTwitterを連携させる「TweetBubbles」:オープンソースを毎日紹介http://www.moongift.jp/2009/11/tweetbu...(続きを読む)

要素を英数字や日付などでソートする機能ををJavaScriptに簡単機能...
例えば、次のようなHTMLがあったとします。<ul class='n'> <li>4.09</li> <li>4....(続きを読む)

種類が豊富で紙のテクスチャには困らないかもというまとめ
背景色なんかに使うとアナログ感がでていい感じなデザインが作れそうですね。　　　以下のエントリを参照してくだ...(続きを読む)

一風変わったボタンも即席で作れてしまうボタン作成素材集
以下のエントリを参照してください。39 Free Buttons And WebDesign Resources From Deviantart | Graphic and Web Design Blog -Resources And Tutorial...(続きを読む)

2009年11月22日

クールな惑星っぽいテキストロゴ作成Photoshopチュートリアル
背景の光っぽいものが微妙にテクニックを使っていて、カッコいいものが作れます。ロゴよりも注目ですね。以下のエ...(続きを読む)

2009年11月21日

メニュー部分のネタ帳に使えそうなクリエイティブなサイトメニュ...
以下のエントリを参照してください。20 Super Creative Website Menus PSDFan関連エントリデザインの参考になるユニークなナ...(続きを読む)

2009年11月20日

2009年11月20日管理人のブックマーク
2009年度ベストiPhoneアプリのまとめ！http://www.appbank.net/2009/11/20/iphone-application/67216.php「いまのニコニコ動画には不満」--...(続きを読む)

Twitterのhomeページを簡単に超絶カッコよくWYSIWYGで編集できる「Twitte...
背景画像の指定が出来、デフォルトで様々な背景テンプレートが用意されていて、その色合いも自由に選べます。画像...(続きを読む)

スクロールバーを使った時計「Scroll Clock」
仮に思いついたとしても、やろう、という所まではいかなさそうですが、実行した作者の方は凄いです。そのうち、ス...(続きを読む)

フォトログ作成のためのWordPressテーマのまとめ
リンク先は以下のエントリを参照してください。28 Free Wordpress Photo Gallery Themes | TutZone(続きを読む)

飛び出る立体グラフィックを作成するPhotoshopチュートリアル
次のような、3Dめがねをかけてみたときにオブジェクトが飛び出すようなグラフィック作成の詳細が分かります。3Dめが...(続きを読む)

2009年11月19日

2009年11月19日管理人のブックマーク
VPNをわずか数クリックで作成できる『Comodo EasyVPN』 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハッ...(続きを読む)

select ボックスを超便利にしてくれユーザビリティ向上に使える「jQ...
適用前の普通のSelect ボックスが便利に変化します都道府県の縦に長かったものが横方向に超分かりやすく表示日付も次...(続きを読む)

ユーザの行動を喚起できそうなボタン作成Photoshopチュートリアル
サンプル集などからボタンを作るのもよいですが、１つの流れとして作り方を覚えておくと応用が利きますね。以下の...(続きを読む)

クールなアニメーションで画像を切り替えるスライドショー実装Ｊ...
デモページはこちらMootools ベースで構築されています。ダウンロードは以下のエントリを参照してください。Floom - Oskar...(続きを読む)

水平スクロールをうまく使ったデザインサイト４０
Alex Flueras横にスクロールすると写真がズラっと出てくるＵＩでクリックするとクリックした写真にアニメーションスク...(続きを読む)

2009年11月18日

2009年11月18日管理人のブックマーク
IT戦士が片付いた!? ドキュメントスキャナー「imageFORMULA DR-150」でモテモテに - ITmedia Newshttp://www.itmedia.co.jp/news/articles/0911...(続きを読む)

jQueryでテキストにエフェクトをかけたりアニメーションさせたりす...
テキストエフェクト画像を使わずにJavaScriptやCSSを駆使してテキストにエフェクトを加えるものが色々。FontEffect jQuery Plu...(続きを読む)

シンプルなベクター形式のオフィスで使えるアイコン集
以下のエントリを参照してください。Vector basic icons - Universal vector icons | Grafpedia関連エントリ iPhoneアプリのツールバ...(続きを読む)

Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブ...
普通のテーブルをリッチにスタイルを切ると、次のような単なる<table>タグで定義されたデータなのですが、JavaScrip...(続きを読む)

IE共通の9つのCSSバグをそれぞれ解決する方法
1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果IEの場合以下のようになりますが↑にするた...(続きを読む)

2009年11月17日

2009年11月17日管理人のブックマーク
ソースコードのコメントよりも空白行のほうが理解を助けるという研究結果：森崎修司の「どうやってはかるの？」：I...(続きを読む)

Mac OS Xで使われているようなクールなフリーWEBアイコンセット「Web ...
種類は10種類でサイズはそれぞれ4種類PNG形式で入ってるみたいです。ちょっとオシャレなデザインのサイトにマッチし...(続きを読む)

年月日、時間、分までが一括で選べちゃう時間指定ウィジェット実...
インプットボックスにカーソルを合わせるとポップアップして表示させることも可能です。時間指定が便利になってい...(続きを読む)

逆に目を引いてしまう簡単すぎる広告デザイン色々
そのシンプルなデザインのものが色々とまとまった面白いエントリがありましたので以下に一部ご紹介。特に目を引い...(続きを読む)

肌をツルツルに綺麗にしてくれるPhotoshopアクションが凄い
以下の写真を見れば一目瞭然ですね。使い方ですが、ダウンロードした、.atn ファイルを、Photoshop の「アクション」部...(続きを読む)

2009年11月16日

2009年11月16日管理人のブックマーク
コーディングするのが楽になるかも？と思うCSSテクニックのまとめ | CSS Lecturehttp://www.css-lecture.com/log/css/coding-css-technique....(続きを読む)

吹き出しのアイコンパック
シェイプだけ拝借して吹き出し用に使うのもよさそうですね。以下のエントリを参照してください。Vector chat bubble icons ...(続きを読む)

ミニノートなどで活躍しそうなFirefoxのボタン等を小さくしてくれ...
デフォルトのツールバーと比べれば一目瞭然で小さいことがわかりますね。ツールバーだけではなく、スクロールなど...(続きを読む)

仕事前のエンジンをかけたい時の具体的な方法
上の画像はイメージ画像でちょっとGIGAZINEさんっぽくしてみました（＾＾；）以下にまとめます。体を動かすまず、体...(続きを読む)

2009年11月15日

天気に使えそうなベクターアイコンセット
曇り、雪、晴れの他、虹まで、一通りの天気がそろっているようです。以下のエントリを参照してください。Vector weathe...(続きを読む)

2009年11月14日

Android用のアプリケーション向けアイコンセット３０「Android Icons」
入手は以下のエントリを参照してください。Android Icons関連エントリ iPhoneアプリのツールバー部分に使えそうなアイ...(続きを読む)

2009年11月13日

2009年11月13日管理人のブックマーク
MOONGIFT: ? なんと！iPhoneでPDFを作る「iPhonePDF」:オープンソースを毎日紹介http://www.moongift.jp/2009/11/iphonepdf/Matzにっき(2009-11-...(続きを読む)

オンラインで綺麗にJavaScriptのコードを整形できる「Online javascript be...
若干不具合あるようですが、自分でコードを元に戻すのに比べるとはるかに楽ですね。タブを変換したりも出来るみた...(続きを読む)

つい見てしまうような広告デザイン色々
全て見るには以下のエントリを参照してください。40 Seriously Funny Print Ads | Webdesigner Depot(続きを読む)

13,000種類のフォントからお目当てのフォントが探しやすい「searchfre...
例えば、3D fonts とあるのでクリックしてみると・・・3Dっぽいフォントが一覧されます（なぜか違うのも出ますが）フ...(続きを読む)

2009年11月12日

2009年11月12日管理人のブックマーク
【2009年11月最新版】直近決算発表に基づくmixi，モバゲー，GREEの業績比較。業績差はさらに拡大。mixi，モバゲーは独自...(続きを読む)

CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」
CSSでスタイリングして、更にJavaScript で押した際のイメージ切替が行われます。ボタンを押すと以下のようにボタンが...(続きを読む)

Photoshopでタイポグラフィがカッコいい壁紙作成チュートリアル
簡単なテキストに更にテキストを合成していきます。いっぱいにします。ベーステキストとかぶった部分以外の透明度...(続きを読む)

WordPress用テキスト部分強化プラグイン色々
TTFTitlesタイトルテキストを次のようにフォントを選んで画像化できるプラグインだそう。Simple Pull Quote下図のような引...(続きを読む)

秀逸なWEBデザインの注目すべき細部デザイン色々
かなり細かいところですが、細かくこだわることで、サイトデザインの深みやインパクトが強められそうです。CSSのテ...(続きを読む)

2009年11月11日

2009年11月11日管理人のブックマーク
The Go Programming Languagehttp://golang.org/AppleやGoogleが言いたがらない、スマートフォンの10の欠点 (1/2) - ITmedia Newshttp://www.itmedia...(続きを読む)

スッキリ綺麗な水色が見やすいフリーのWordPressテーマ「Glassical」
入手には以下のエントリを参照してください。Glassical: A Free WordPress Theme - Smashing Magazine関連エントリこれは面白い、...(続きを読む)

グランジを取り入れたアーティスティックでカッコいいサイトデザ...
なかなかダイナミックなデザインなので、一般的なサイトとは違う一皮むけたようなデザインを作ってみたい際に参考...(続きを読む)

様々な物体を合成してカラフルなフォントにした「Keeparty」が素晴...
次のようになんともカラフルな印象になり、サイトなんかに使うとなんとも楽しげな雰囲気を出してくれそうなフォン...(続きを読む)

2009年11月10日

2009年11月10日管理人のブックマーク
MOONGIFT: ? CakePHPをベースにしたCMS「Croogo」:オープンソースを毎日紹介http://www.moongift.jp/2009/11/croogo/WordPressでWebサイトを構...(続きを読む)

amazonページ専用のURL短縮サービス「amz.ly」
Twitterから飛んでみたらアフィリエイトだった、というのではなく、はじめからアフィリエイトと分かった方が親切です...(続きを読む)

色々な種類の綺麗なテクスチャセットのまとめ集
それぞれ見るには以下のエントリを参照してください。The Big Collection Of Free Design Textures - Noupe(続きを読む)

現地案内の説明ページ等で重宝しそうなインタラクティブなマップ...
実際に現地説明図などをページに載せているサイトがありますが、地図にインタラクティブに情報を表示すると利用者...(続きを読む)

2009年11月09日

2009年11月9日管理人のブックマーク
OSは変わった：ITprohttp://itpro.nikkeibp.co.jp/article/Watcher/20091106/340160/Twitter×iPhoneが切り開く新情報時代：日経ビジネスオンラ...(続きを読む)

木目のHi-Resテクスチャセット
ダウンロードは以下のエントリを参照してください。15 High Resolution Wood Textures For Designers | Grafpedia(続きを読む)

ロゴデザインが色々あって登録も可能な「LogoSauce」
以下のエントリを参照してください。LogoSauce- Logo design, inspiration and information.関連エントリユニークなPSDファイル付...(続きを読む)

jQueryで幅の大きなドロップダウンメニュー作成チュートリアル
次のような幅の広いドロップダウンメニューを実装する例になってます。同じようなドロップダウンの例も色々公開さ...(続きを読む)

2009年11月08日

通信や電子機器などの９つのベクターアイコンセット
.epsのベクター形式で紹介されています。ダウンロードは以下のエントリを参照してください。Multimedia and Communication vect...(続きを読む)

2009年11月07日

「雲の世界の向こうをつかむクラウドの技術」 - 本
売り上げランキング: 1764出荷予定: 通常2〜5週間以内に発送アスキー・メディアワークス amazonで詳細を見る | 大きい画...(続きを読む)

2009年11月06日

2009年11月6日管理人のブックマーク
グーグル、JavaScriptプログラミングツールをリリース:ニュース - CNET Japanhttp://japan.cnet.com/news/ent/story/0,2000056022,20403058,00.ht...(続きを読む)

Photoshopによる美麗アイコン作成チュートリアル集
質感の高いアイコン作成の際の参考にできます。リンク先は以下のエントリを参照してください。20 Top Photoshop Icon Design...(続きを読む)

JavaScriptでパスワード強度のチェックを行うチュートリアル＆サン...
長さ、大小英数字チェック、数字、シンボルによるボーナスと、ペナルティによってスコア付けして点数を決めている...(続きを読む)

人物の写真をアーティスティックにするPhotoshopチュートリアル集
リンク先は以下のエントリを参照してください。30 Photo Effect Photoshop Tutorials Every Designer Will Love | Graphic and Web Design Blog -Re...(続きを読む)

2009年11月05日

2009年11月5日管理人のブックマーク
「テトリスを1時間強で作ってみた」動画の投稿者にインタビュー─ 屮廛蹈哀薀潺鵐阿粒擇靴掬舛┐燭ぁ廖?Tprohttp://itpro...(続きを読む)

超カッコいいApple風スライドショーギャラリー作成チュートリアル
デモページコーポレートサイトのページのヘッダーなんかに入れ込むといい感じになるかもしれませんね。以下のエン...(続きを読む)

これは懐かしい、アナログ風にアニメーションする時計実装チュー...
原理としては画像のheightを変形させつつアニメーションにしているみたいです。MootoolsベースでソースのDLも可能です。...(続きを読む)

１つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ...
１つのリンクから複数の選択肢を用意したい場合に使えそうですね。具体的なコードは以下。<a href="http://firstlink....(続きを読む)

2009年11月04日

2009年11月4日管理人のブックマーク
フェンリル、iPhone向け2ちゃんねるブラウザ『Mosa』を公開(無料) - iPhone・iPod touch ラボhttp://ipodtouchlab.com/2009/11/iphone-fenrir-...(続きを読む)

赤い壁のクールなテクスチャセット
入手は以下のエントリを参照してください。Texture Thursday: Red PSDFan関連エントリフリーテクスチャを色々探せるサイ...(続きを読む)

質感がリアルで綺麗すぎるアイコンセットのまとめ
アイコンを作る際の参考にしてみるのもよさそうですね。全て見るには以下のエントリを参照してください。21 Extremely ...(続きを読む)

最近見つけたWEBデザイン作成チュートリアル集
Create a Clean and Colorful Web Layout in Photoshop | GrafpediaDesign a colorful theme for wordpress | GrafpediaPhotoshop Tutorials - HV-Designs.co.ukCreate a n...(続きを読む)