Proto.IPS :: In-place-select controls made easy Proto.IPS is a nice little widget which can be used for in place selection. ドロップダウンリストから入力補完できるインプレイスエディタ実装ライブラリ「Proto.IPS」。 テキストをクリックしてそのまま編集できる、というのはよくみますが、ドロップダウンから入力補完できるのははじめて見ました。 Prototype.jsベースで、次のようなコードで簡単に初期化して使えます。 new Proto.IPS(element, { options: [ {text: 'Available', className: 'on'}, {text: 'Free for chat', className: 'on'}, {text: 'Aw

45 Explosively Colorful Photoshop Effects - PSDTUTS カラフルできれいな画像を作るPhotoshopチュートリアル集。 次のようなイメージで画像を作成するチュートリアルがまとまっていて参考になります。 シンプルもいいですが、色が沢山あるのもなかなかいいですね

40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 次のような超クールな背景画像の作成の流れが分かります。こんな大量の教材があれば、もう他に教材は要らないというぐらいの充実ぶり。 Abstract Signature Windows Vista Aurora Effect Abstract Walkthrough Luminescent Lines Space Lighting effects Calculations And Colorization Abstract Light Rays Signature tutorial Movement Light Rays Abstract art wallpaper Signat

35 Photoshop Tutorials for Designing Your Own Posters | Vandelay Website Design Creating posters with Photoshop can be a lot of fun and there are unlimited opportunities. インパクトのあるポスター画像を作るPhotoshopチュートリアル集。 次のようなプロっぽいポスター画像を作るチュートリアルがいろいろ。 Creating an Old Collage Effect Poster Gig Poster Design Stencil Poster Effects Create a 60’s Psychedelic Style Concert Poster B Movie Post Art Photoshop Indiana

Creating an Urban-Style Piece of Artwork - PSDTUTS PhotoshopでオシャレなCDジャケット風画像作成チュートリアル 次のような画像を作成するチュートリアルです。 紙のテクスチャと合成して、切り抜きっぽくしているところがいい感じです。 応用すれば、いい作品が作れそう。 関連エントリ Photoshopで爆発エフェクトを作るチュートリアル 車のエンブレムのようなカッコいいロゴを作るPhotoshopチュートリアル

Particletree Rediscovering the Button Element Creating a consistent interface for your users is a constant struggle for every application designer. シンプルにクールで使用感のよいボタンを作るサンプル。 次のようなボタン、あったらつい押したくなりそうです。 フラットなデザインで、押した感じが心地よいです。 単純に、ボタンタグで <button type="submit" class="positive"><img src="/images/icons/tick.png" alt=""/>Save</button>  のように定義してスタイルしている感じで、マークアップとCSSが公開されています。 ボタン作成の際の１参考にできそう。

Photoshop Tutorials: Fill A Photo With More Photos 無数の画像が集まり１枚の写真になっているような画像を作るPhotoshopテク ↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 作り方は非常に簡単で、まず次のような画像を、Photoshopのパターン機能を使って作ります。 これを画面に敷き詰めて、素材の上に置き、オーバーレイモードで合成するというもの。 むちゃくちゃ簡単ですが、驚きの画像が作れちゃいますね。

Photoshop Tutorials - Age Progression 女性を老化させる恐ろしいPhotoshop超絶テクニック。 右側だけ見ると、明らかに老婆なのですが、これはPhotoshopによる加工です。 シワなんかも細かく描画 ここまで出来てしまうとは、印刷物は本物か、信じられなくなりそうですね。 関連エントリ シンプルだけど便利なPhotoshopブラシ配布サイト「easyelements.com」

woork: Useful tips to enrich your HTML Forms フォームのユーザビリティを改善するためのサンプル集が公開されてます。 (1) フィールドに対するヒントをツールチップ表示するサンプル 最低６文字であることが分かりやすく表現できます (2) オートコンプリートサンプル おなじみ、オートサジェスト (3) 残り文字数表示サンプル 残り文字数が分かることで、何文字以上〜何文字以内という表記を省略して分かりやすく。 (4) ラジオボタンがYESの時にinputを表示。 必要な部分だけ表示してフォームを分かりやすく。 申し込みフォーム部分は、申し込み受付型のサイトでは非常に重要ですが、こうした配慮がされているといいですね。 究極にフォームを使いやすくした、ベストプラクティスのようなサンプルをまとめたサイトがあったら役に立ちそうですね。 関連エントリ フォームの

Firebug Lite 1.2で、IE、Opera、SafariでもDOMインスペクタが使える 次の記事 ≫：Firefox拡張機能開発チュートリアルPDF

XUL Apps > Documentations > Firefox拡張機能開発チュートリアル - outsider reflex Firefox拡張機能開発チュートリアルPDF。 XULアプリの開発資料はなかなか少ないように思いますが、様々なFirefox拡張機能で有名な「outsider reflex」さんからPDFで凄いチュートリアルが公開されました。 PDFファイル１０個からなるチュートリアル Firefoxの拡張を作ってみたい方にはとても嬉しい資料ですね。 関連エントリ JavaScriptやFirefox拡張開発等に使われるXULの開発環境「Spket IDE」 デスクトップアプリをWebのスピード感で開発する「Apollo」

40 Hand-picked Photoshop Icon Designs [Photoshop Tutorials] Photoshopでアイコン作成のためのチュートリアル色々紹介されています。 作り方を覚えておけば応用が利いてサイト用のアイコン作りなんかに役立ちそうですね。 関連エントリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 ドット絵っぽい可愛い16x16のアイコン集

Create A Tabbed Interface Using jQuery - NETTUTS 超クールなタブインタフェースをjQueryで作成するチュートリアル。 タブを押すと、タブ内のコンテンツがクールにアニメーションするUIを作成します。 デモを見る ページ内の右カラムに置くとカッコよくなりそうですね。 アニメーションが程よいので、酔うこともなさそう。 関連エントリ 画面遷移なしのクールなフォーム作成サンプル jQueryとPHPでダイナミックな投票スクリプトを作成

PHP/HTML5/CSS3/JavaScript/CSS等の最新技術情報をお届け

Make Free Banners: Free Banner Generator and Free Banner Creation Service オンラインで簡単バナー生成「Make Free Banners」 Flash製ツールのキャンバス上に、文字やクリップアートをドラッグ＆ドロップしてバナーを作成できます。 サクッとバナーを作りたい場合に便利ですね。 インストールされているフォントをそのまま使えるのが嬉しいですね。

フリーで使えるセキュリティスキャナ・ツールまとめ : アシアルブログ セキュリティスキャナについて色々と調べたことがあったので、それについての備忘録の意味も含めたまとめ＋アルファです。 フリーで使えるセキュリティスキャナ・ツールがアシアルブログにてまとまってます。 先日、Googleが公開したRatProxyの使い方の他、いくつかのセキュリティーツールが紹介されています。 WebScarab Paros Burp ProxMon Pantera Chorizo! 続きを見る いろいろなツールがあるものですね。 「フリーで使える」ということでまとめられているので、有償のものも含めると、世界には多くのツールがあるのかも。

Zend_Textがすごい件w　| ヲゾゾ wozozo blog Zend_Textを使うと文字列をデラックスにできるみたい <?php require_once 'Zend/Text/Figlet.php'; $f = new Zend_Text_Figlet(); echo $f->render('Oppai!'); ?> と書くと、 と出力できるみたいです。 これはすごいですね。 関連エントリ 秋元@サイボウズラボ・プログラマー・ブログ: それPEAR::Text_Figletでもできるよ

emastic - Google Code 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」。 以下はemasticを使ったサンプルレイアウトです。 例えば、次のように書くと、20 : 20 : 30 の比率で３つのブロックが生成されます。 <div class="dr20"> 20 em </div> <div class="dr20"> 20 em </div> <div class="dr30"> 30 em </div> <div class="clear">&nbsp;</div> 次のようなレイアウトも簡単に作れます。もちろん、クロスブラウザ。 複雑なレイアウトを素早く作りたい場合に使えそうですね。 関連エントリ Yahoo!が提供するレイアウト用CSSライブラリ

The 60 Best Photoshop Tutorials to Design Your Own Amazing Site | 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 Photographer Portfolio layout Unique Grungy Website Layout Game Layout with Scratched Menu Wedding Layout Simple Business Style Agency Layout 全部見る 参考に作ればデザインの苦手な人でもそこそこのページが出来そうですね。

Flip! A jQuery plugin パネルをめくるような効果でブロック要素を切り替えられる「Flip!」。 次のようなパネルを上下左右の自由な方向にクルっと回転させられるウィジェット実装用jQueryプラグインが公開されました。 サイト上の省スペースで、製品なんかをＰＲする際に使えそうですね。 サイズを大きくすればプレゼンにも使えるかも。

400 Swirls, Curls, and Fleurons | Design Reviver Ornamental web design is often comprised of swirling, curling, or flower shaped elements. うずまき型のPhotoshopブラシがいろいろと紹介されています。 Curly Brushes Floral Deco Brushes Floral Deco Brushes 2 Decorative swirls Vine Love Brushes 全部見る 背景なんかに使うとオシャレなサイトが出来そうですね。 関連エントリ ゲームみたいな可愛いPhotoshopブラシ集 クオリティの高いPhotoShopブラシいっぱい PhotoShop用、超クールなフラクタルブラシ

Free Photoshop Brushes シンプルだけど便利なPhotoshopブラシ配布サイト「easyelements.com」 ハート型、星、音符、泡、葉っぱ、雷、雪の結晶など、汎用的なブラシが多数公開されています。 派手ではないですが、長きにわたって使えそうなブラシですので、使いそうなのは入れておいて損はなさそう。 関連エントリ うずまき型のPhotoshopブラシいろいろ ゲームみたいな可愛いPhotoshopブラシ集

TUTBrush Photoshopのブラシ沢山「TUTBrush」 ユニークなブラシが沢山あります。 ロシア語のサイトっぽいですが書道ブラシもあります。 外国の方が、形をみてカッコいいというのでサイトデザインに使われそうですね(笑) ロシア語のサイトなので、ダウンロード部分が分かりにくいかもしれなかったので以下に記しておきます。 関連エントリ シンプルだけど便利なPhotoshopブラシ配布サイト「easyelements.com」 うずまき型のPhotoshopブラシいろいろ ゲームみたいな可愛いPhotoshopブラシ集

55 Free Human Brush Sets And Vector Images - Giant Design Pack Using silhouettes & people illustrations in websites & print is what designers need in many situations. ヒトに関するユニークなPhotoshopブラシ集。 ヒトの顔、目、手など、ヒトに関するブラシ集が沢山。 グラフィックスを作るのは大変でもブラシを使えば簡単に描画できてしまいます。 Retro People Brush Set People & Animal Silhouette Brushes Children Silhouette Brushes Human Silhouette Brushes Vector Silhouette Brushes Human

mod_ktai/YUMEMI Labs [ゆめみラボ] 携帯サイト作成に便利なapacheモジュール「mod_ktai」が公開 携帯サイトの場合、キャリア・機種によって絵文字の出力、表示可能データ量、画面の大きさなどが異なる為、キャリア・機種判別、絵文字の出し分け等、携帯サイト向けの知識が不可欠です。 mod_ktaiを使用すると、それらの処理を簡単に行なうことが可能です。 ということで、携帯サイト作成に活用できそうです。 同等のapacheモジュール、mod_chxj との比較なんかがあれば見たいですね。 関連エントリ ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ「toInlineCSSDoCoMo」 携帯向け自動変換用Apacheモジュール「mod_chxj」がバージョンアップ

ユーザビリティを気にしてますか？ Web制作やWeb開発担当者の皆さん、そして企業のWeb担当者の皆さんは、あなたが制作・開発したWebサイトはユーザビリティに気を配れていますか？ 本連載では、ユーザビリティを判断するために必須な判断基準と、それを導き出すための方法を紹介します。 また、Webサイトのユーザビリティ評価を簡単に使るチェックツールも提供します。まずはユーザビリティを気にかけるための第1歩として読んでいただけると光栄です。 本題に入る前に、まずは「Webユーザビリティの定義」をおさらいしましょう。「ユーザビリティ」を辞書で引くと「使用可能なこと・有用性」（引用：三省堂提供「デイリー 新語辞典」）とありますが、一般的に使われる言葉では、「使いやすさ」「使い勝手のよさ」と言われています。 「使いやすさ」「使い勝手のよさ」とは何でしょうか。周りにあるもので例えると、あなたの使っている

TheUiGuy: Select Box Factory v1.0 Here, the factory has produced a multiple-select box, with "sifting" tool attached. リッチなselectボックスが実装できる「Select Box Factory」 次のような、ＵＩを変えたリッチなselectボックスが実装できます。 文字を入力して項目をフィルタする機能をつけることもできるみたい。 カラーリングも可能。 使いどころがありそうですね。 関連エントリ jQueryでリッチなグリッドを実装「jqGrid」 Extばりのリッチなタブ等のＵＩを実現「dhtmlxTabbar」

20 Useful Visualization Libraries | A Beautiful WWW データを視覚的に分かりやすくビジュアライズするためのライブラリ集が色々。 Prefuse (Java) & FLAIR (Flex) simile (AJAX) Processing (Java) GigaPan (Service) JFree (Java) OpenLayers (JavaScript) TimeMap (Java) 全て見る 図があると、テキストベースよりも更に分かりやすい画面が作れそうですね。 関連エントリ Prototypeベースのグラフ描画用JSライブラリ「ProtoChart」 PHPでクールなグラフを描画できるクラスライブラリ「pChart」

UvumiTools Crop 画像をクロップする際に使える範囲指定JSライブラリ「UvumiTools Crop」。 次のようなＵＩで、画像の上の点線はドラッグ＆ドロップ＆リサイズ可能。切り取った場合のプレビューも出ます。 範囲部分の色だけ変えることもできるみたい。 関連エントリ PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 DHTMLな画像キリトリスクリプト

addSizes.js: Snazzy automatic link file-size generation | Natalie Downe リンクしたファイルに自動でファイルサイズを付ける方法があるみたいです JavaScriptライブラリの addSizes.js を使えばそれが可能です。 サーバに接続して、Content-Length ヘッダーを読んでいるみたい。 Content-Lengthを吐かないサーバだと使えない点に注意。 ファイルサイズを付けるのって面倒ですが、結構重要な情報だったりしますよね。 フリーソフトのダウンロードページなんかだと導入すれば、配布ファイルのサイズが変わってもそのまま使えるので、便利そうですね。

3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集 2008年08月22日- Adrian Parr’s Blog Blog Archive AS3 Code Libraries 3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリが紹介されていました。 ActionScriptというとライブラリもあまり知らない人が多いのではないでしょうか。 3Dエンジン Papervision3D http://blog.papervision3d.org/ Away 3D http://www.away3d.com/ Sandy 3D http://www.flashsandy.org/ Alternativa Platform http://blog.alternativaplatform.com/en/ FIVe3D http

FacebookのAPIを扱うためのPEARライブラリ「Services_Facebook」が公開 2008年06月29日- PEAR :: Package :: Services_Facebook PHP interface to Facebook's API FacebookのAPIを扱うためのPEARライブラリ「Services_Facebook」が公開。 ライブラリには、Facebook.php と Facebook ディレクトリが含まれており、Facebookディレクトリ以下は次のようなファイル構成になっており、各種ウェブサービスを扱える模様です。 個人的に、facebookはログインぐらいしかしたことないのですが、利用している人もおられると思うので紹介しておきます。

Top 10 Sources of Logo Design Inspiration If you’re a logo designer or interested in learning more about logo design, there’s no doubt you’d like to see some excellent examples for the best logo designers around for your own inspiration. ロゴデザインのインスピレーションを受けるのに役立つサイト１０。 世界にはロゴのまとめサイトみたいなものが沢山あって、そのまとめサイトをいろいろ紹介。 LogoPond  - さまざまなロゴをサムネイル付で一覧表示できる Faveup - こちらもロゴをサムネイル付で一覧表示。投票機能。 deviantART - おなじみ、

50 Kick Ass Logos for Inspiration | fuel your creativity 目をひくクリエイティブなロゴ集が紹介されています。 全部見る ロゴデザインに困った時にみるとよさそう。 関連エントリ ５０のクールロゴ作成PhotoShopチュートリアル amazon風のロゴを簡単に作れる「amazon logo maker」 光の流れで作ったようなクールなロゴを作成するPhotoshopチュートリアル 草で作ったようなロゴを作成するPhotoshopチュートリアル

50 Creative Photoshop Text Effects - PSDTUTS Photoshopで行う実用ロゴ作成チュートリアル集。 タイトル、ロゴ作成なんかに役立てましょう。 関連エントリ 目をひくクリエイティブなロゴ集 PhotoshopでオシャレなCDジャケット風画像作成チュートリアル

ハードウエアの仮想化とは？ ここ2、3年仮想化技術が注目を集めています。サービスやアプリケーションなどのソフトウエアから、サーバーやストレージ、CPUなどのハードウエアまで、さまざまな場面で仮想化がキーワードになり、それを利用したソリューションが提供されるようになりました。 本連載では、特にサーバーやPCで使われているハードウエアの仮想化においてキーとなるCPUによる仮想化をサポートする技術を紹介します。CPUの仮想化をサポートする技術を使うことで、1つのシステム上で複数のOSを起動することが簡単にできるようになります。なお、ここでのCPUはIntel系のいわゆるx86系CPUを中心に紹介していきます。 CPUの特権レベルとは何か？ 仮想化について説明する前にCPUの「特権レベル」について説明します。これを理解すればCPUの仮想化というものが簡単に理解できます。 Intelの386以降のC

Opentape Opentape is a free, open-source package that lets you make and host your own mixtapes on the web.WEBで好きな曲を共有可能な音楽共有オープンソース「Opentape」 muxtapeというサービスがありますが、このオープンソース版がOpentapeということらしいです。 設置デモページ 曲名をクリックでスムーズにブラウザ上で曲を再生することが可能となっています。 曲はWeb経由か、FTP経由でアップロードすることが出来ます。 PHP5+JavaScript+Flashでの実装です。 著作権には気をつけたいですが、自分たちで作った曲を共有したりするサービスにすると楽しいサイトが作れそうですね。

39 Masterpieces Of Creative Advertisements - Opensource, Free and Useful Online Resources for Designers and Developers 面白い広告画像集。「おぉ」、と目を引いてしまう広告画像集が紹介されてます。 全部見る １つ１つがよく考えられていて、サイトデザインなんかにいかせる部分もあるかも。

AgencyTool Web Design Dashboard ウェブデザイナーのためのダッシュボード「Agency Tool」。 ウェブデザイン(インスピレーション、カラー、フォント)、ウェブ開発(HTML、CSS)、オンラインマーケティング、サイトメンテナンスなどの大カテゴリがあって、その下に色々とサイトが紹介されているサイトです。 英語のサイトが多いですが、参考になるサイトが多く掲載されていますね。 英語が分からなくてもある程度参考にでき、英語の勉強にもなりそうなので、参考にするとよさそう。 関連エントリ WEBデザイナーのための超便利リンク集 Webデザイナーのためのリンク集

Search Free Fonts - largest collection of free fonts available for download Check out our NEW FEATURES, preview any of the free fonts by typing your custom text and selecting text size.フリーフォントの検索エンジン「Search Free Fonts」。 検索だけでなく、カテゴリごとにも検索することが出来ます。 検索結果はサムネイルつきでみれます。 これは便利ですね。 関連エントリ クリップアートの検索エンジン「Find Free Clipart」 アイコンを探すのに便利なサイト色々

WordPress ? About Logos and Graphics Need an official WordPress logo? Want to show your WordPress pride with a button on your blog? You’ve come to the right place.WordPressの素材集が公式サイトで配布されています。 フォーマットはPDF、PNG形式 Wordpressがらみのページ作成なんかに活用しましょう。 関連エントリ WordPressのロゴを美しく輝かせるPhotoShopチュートリアル クリエイティブなWordPressで構築されたデザインサイト集 WordPress、MovableType等１０のウェブログエンジンのレビュー ノートをイメージしたカッコいいWordpressテーマ「Notepad Chaos」

400 High Quality Patterns | Design Reviver Patterns can be found every where. Most commonly we can see them in fabric and wallpaper, but they also make great visual elements for web design. 背景画像に最適！超ハイクオリティな400以上のパターン画像集。 単なる背景画像にしておくにはもったいないほど書き込みが細かくて、見ているだけでも楽しめます。 Damask Patterns Volume 2 ision Micro Patterns Vector Patterns 背景画像がいっぱいあって、色合いなんかもWEB上でかえられるようなサービスがあったらいいなと思いました。

Watercolor Roundup: 200 Beautiful Brushes and Textures | Design Reviver Watercolor effects are a hot trend right now in web design. クールなPhotoshop水彩ブラシ集＆テクスチャがラウンドアップされてました。 Grungy Watercolor Hi-Res Watercolor Photoshop Brushes Hi-Res Watercolor Photoshop Brushes Set II WaterColor .1. Brushes Pack WaterColor .2. Brushes Pack 全部見る ポスターなんかのバックグラウンドに使うとよさそうですね。 関連エントリ ヒトに関するユニークなPhotoshopブラシ集 自然に関するPh

The best 32 Free PSDs you can find on DeviantArt - FrancescoMugnai.com DVDケースやCDケース、iPhoneなどの高品質PSDテンプレート集。 以下のように、ちょっと変更するだけでオリジナルのDVDパッケージが作れるようなPSD配布先が紹介されています。 DVDケース プラスティックDVDケース iPhone CDケース これは楽しいですね。

Ultimate Collection of Free Textures on the Web | Background Patterns | Seamless Tiles | High Resolution | Beeex.net 木目、紙、錆などフリーで使えるリアルなテクスチャ画像集。 イメージの背景など色々と活用できそう。 木目 紙 古紙 石壁 メタル さび 髪の毛 すべてチェック アイコン検索エンジンはありますが、フリーで公開されているテクスチャ用の検索エンジンなんかもあったら便利そう。 既にあったら教えてください。

Shizoo - einfach mal Design haben 様々な背景パターン画像を入手できる「Shizoo」。 なんとも個性的な背景画像が多数公開されています。 これは素晴らしい。 関連エントリ 背景画像ジェネレーター「BgPatterns」 背景画像に最適！超ハイクオリティな400以上のパターン画像集

13styles CSS Menus It's glossy and beautiful. Download the source code below.綺麗で立体感のあるサイトメニュー素材がダウンロードできるサイトが登場。 綺麗なメニューが多数入手できます。 テキスト部分は自分で好きに変えられるので、簡単に自サイトに組み込めそう。

Liquid & Color Adjustable CSS Buttons - CSS/XHTML/Photoshop Tutorial When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop.CSSで色指定が可能な立体的でクールなボタン実装サンプル。 次のようなクールなボタンが作れます。background-color の指定でボタンの色が変えられるのでなかなか良いです。 だめかと思われたIE6でも動作してます。 追記） CSSのみでIE6.0対応しているわけでなく、一部ＪａｖａＳｃｒｉｐｔを使用しているみたい。 ご連絡いただきましてありがとうございました。 関連エントリ CSSでクールなボタンを作るまとめ

GwtPHP Homepage GoogleWebToolkit用PHP5フレームワーク「GwtPHP」。 Google Web Kit で作ったフロントエンドのサーバ側をPHP5で書くためのフレームワークみたい。 PHPなので、サーバへの設置も簡単になりますね。 アプリケーションサンプルがなかなかリッチです。 サンプルアプリケーション 関連エントリ 米Google、Ajax開発ツール「Google Web Toolkit」

I promise not to do anything evil with your username and password. Here is the source of the script that gets run on the server. del.icio.us username: password:

（株）日本プララド 〒651-2404 兵庫県神戸市西区岩岡町古郷255-6 TEL：078-967-3556  FAX：078-967-3567