Most beautiful websites of 2008 | CrazyLeaf Design Blog 見るだけでも一見の価値あり！絵画のような美しいサイトデザイン集ということで美しいサイトが多数紹介されていました。 単にサイトというには惜しい芸術作品ばかりで見るだけでも楽しめます。 Saizen Media Nem Studio Efingo Project Vino Kavoon Belvedere Inc Quality XHTML Avalon Star Level 2D mediaBOOM Sensi Soft Five Cent Stand Blogsolid Dana’s Garden OLDesign Trickeries FortySeven Media A.viary Kulturbanause Noe Design Studio 20CM Records 全部

labs.ideo.com Flashを使った超絶クールなマルチタッチスクリーンのUIが実現されています。 次のビデオを見ればその凄さが分かります。iPhoneを大きくした感じ。 概念としては次の図のようになっているようです。 サーバ部分のプログラムとFlash用のAPIがGoogle code でオープンソース公開されています。 http://code.google.com/p/ideo-multitouch/ これは楽しいですね。 近未来のコンピュータのUIはこんな感じになっていそうな気がします

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

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 全部見る 参考に作ればデザインの苦手な人でもそこそこのページが出来そうですね。

萌え系フォントのまとめ。 かわいらしい感じを出すのに最適な萌えフォントですが、沢山あるようなので調べてみました。 おひさまフォント まきばフォント あずきフォント うずらフォント 手書き風フォント｜Aiko 手書き風フォント｜はるか ダサ字 みかちゃんフォント あくびん ひま字 私たん さなフォン キャパニト ぽっぷまる 沢山あるものですね。これだけあれば萌えフォントには困らなさそうです。 ライセンス体系なんかは各自異なるので、確認してください。 他にもあったら教えてください。 参考ページ なつみかん。 | 脱力系フォントのまとめ

IEでのデバッグ/動作確認に便利なソフトいろいろ。 沢山あるのでまとめてみました。 IETester IE5.5, IE6, IE7, IE8でのページレンダリングを1つのソフトで一括チェックできる超優れものソフト。 Vistaでも使えるようで今後のWEB開発に必須となりそうなツール。 IEとFirefoxの同時レンダリングはCSSVistaが便利。 DebugBar IEに便利機能のついたツールバーを追加 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 ) 画像やFlashなどのobject も拡大縮小できます ソースコードをハイライト付きで表示 オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 指定文字列ハイライト検索機能 Comp

デスクトップ操作をビデオにするソフトやサービスx１１個。 ソフトの紹介や、サイトの使い方の紹介するのはビデオ化するのが一番分かりやすいですね。 操作録画のためのソフトはどういうものがあるのか、調べてみました。 Wink - Windows, Linux対応の録画ソフト。ムービーへの注釈などの挿入も簡単。 Jing - Mac, Windows 対応の録画ソフト、サイトでの共有機能あり freescreencast.com - Windows向け(.Net必要)の録画ソフト、サイトでの共有機能あり TipCam - Windows向けのPC操作録画ソフト。Facebookにてシェア可能 DesktopCam - デスクトップ上の動きをWMV形式で高品質に録画できるキャプチャソフト Istanbul - Linux向け。Ogg Theora Video形式などに保存できるみたい AviScre

Photoshop actions: 124 Free Photoshop Actions to Boost Your Designs An action is a series of tasks that you play back on a single file or a batch of files - menu commands, palette options, tool actions, and so on. デザインを高速に行える技巧的なPhotoShopアクション集。 複数の処理を一括してまとめて行えるPhotoShopのアクション機能。 高度な画像処理を行うアクションがまとまっていましたので紹介。 フィルタではなく、アクションなので、それぞれの細かな動きも見ることができてPhotoShop自体の学習用にもよさそう。 （アクションの読み込み方は本エントリの最後を参照） 画

phpied.com Blog Archive Simultaneuos HTTP requests in PHP with cURL The basic idea of a Web 2.0-style "mashup" is that you consume data from several services, often from different providers and combine them in interesting ways. マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル。 通常、PHPでAPIにアクセスする場合、例えば、Yahoo!検索APIとはてなブックマークのRSSを取得してマッシュアップする場合は次の図のようになります。 ただ、この方式だと、Yahoo!検索APIにリクエストし、その結果を待ちます。 そして、そこからはてなブック

CSSgallery.info Javascript form validators When we use forms, we need somehow to validate the data user input. JavaScript製のフォームバリデータライブラリがいろいろ紹介されています。 Realtime validation using Ajax ( フォームの入力値をリアルタイムにバリデーション「Realtime validation」 ) LiveValidation ( JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」 ) JSValidate ( prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」 ) validator.js - Client-side form validatin

shirotokoro AS3 3D Physics Engine : WOW-Engine WOW-Engine is a free AS3 open source physics engine written by Seraf ( Je Birembaut ) capable to handle positions in a 3D environment. ActionScript3用3D物理エンジンライブラリ「WOW-Engine」。 またまた新しい３Ｄ物理演算ライブラリを発見。 サンプルいろいろ spheres on plane boundArea, sphere spheres and contraints 3D picture rope, box cloth 01 cloth 02 cloth 03 チュートリアル Your First WOW-Engine Applicati

My DebugBar | CompanionJS / HomePage IEでのJavaScriptデバッグを可能にする「CompanionJS」。 サイトでインストールをすると、ＩＥにドッキングされます。 インストールするだけでは使えず、インターネットオプションの「スクリプトのデバッグを使用しない」チェックを外す必要があります。 インストール後は、次のように「表示」メニューから表示することが出来ます。 表示すると次のような感じ。 エラーが出ると右側にエラーが出て、クリックするとスクリプトのエラー箇所に移動し、ハイライトされます。 また、サイトでエラーがあると次のようにブラウザ上で通知してくれます。 ＩＥでもデバッグしたい場合がありますが、このツールはなかなか使えそうですね。 もっといろんなデバッグをしたい場合はデバッグバーというものがあるようです。 DOMインスペクタ、HTTPインスペ

39 Photoshop Button Tutorials You Should Have in Your Arsenal > Design Vitality Your website navigation plays an integral role in keeping your site easy to use and navigate. PhotoShopで美しいボタンを作るチュートリアル39個。 次のような美しいボタンをPhotoShopで作成するチュートリアル集が公開されています。 IRIS Design: Web 2.0 Style Photoshop Button Tutorial BlogWatts: A Different Stlye of Web 2.0 Buttons AvivaDirectory: Windows Vista Style Nav Bar Butto

サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 2007年10月11日- Css Globe - Sitemap Styler: Style your Sitemaps with CSS and Javascript I believe that it isn't necessary to point out the benefits of having a sitemap somewhere on your site.サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 スタイルなしの状態のリストを美しくツリー状に整形できます。 JavaScript によってツリーがクリックで開閉できます。 3種類の違うスタイルのサンプルが公開されているのでお好みのサンプ

More than 100 Web 2.0 Online Generators Web2.0な画像、CSS、カラー等のジェネレーター集１００＋。 Grid Layout Javascript - グリッドレイアウト作成 Web20generator web2.0テンプレートジェネレーター Roundedcornr - 角丸コーナージェネレーター Web 2.0 Badges - web2.0バッジジェネレーター Ajaxload.info, Loadinfo - 読み込み画像ジェネレーター 続きを見る ドメイン名、E-Mail、Favicon、フォーム、メタタグ、パスワード、robots.txt、RSS、SiteMapなど多数のジェネレーターが紹介されています。 サイト作りに役立てましょう。

Free CSS Toolbox - Free CSS Validator, CSS Formatter, CSS Compressor Free CSS Toolbox is a freeware productivity software for web developers who work with CSS code. CSS開発に使える「Free CSS Toolbox」。 次の機能を持つWindowsで動作するアプリケーションです。 色わけされたCSSエディター CSSフォーマッター、Beautifier機能 CSSエラーチェッカー CSS圧縮機能 W3C CSS バリデート機能 CSS開発のIDEとして使えそう。

Scaling Twitter: Making Twitter 10000 Percent Faster | High Scalability Twitter started as a side project and blew up fast, going from 0 to millions of page views within a few terrifying months. Twitterの中の話が書かれていましたので要所をまとめてみました。 プラットフォーム 言語 Ruby on Rails Erlang サーバソフトウェア MySQL Memcached Mongrel - hybrid Ruby/C HTTP server designed to be small, fast, and secure 監視ツール Munin Nagios アクセス解析 Google Ana

FitFlash - Smart Flash Resize Script FitFlash is a smart script that resizes your flash automatically if your browser window size is smaller or greater than your flash minimum desired size keeping it accessible independent of screen resolution. Flashムービーのサイズをブラウザ幅に応じて自動調整できるJSライブラリ「FitFlash」。 通常、Flashムービー(SWF)はブラウザに貼り付けた状態だと固定サイズとなっています。 このムービーサイズをJavaScriptで動的にうまく調節できるライブラリがFitFlashです。 FitFlashは次

Tutorial: Create a zip file from folders on the fly - Web Development Blog For a future project I needed these days some easy to use zip or gzip class to create a zip file from files / folders inside a specified directory. PHPでファイルのZIP圧縮をする際に便利に使えるクラスライブラリ。 次のように、圧縮対象のディレクトリや、複数ファイルをアーカイブに登録するためのメソッドが用意されています。 $createZip = new createDirZip; $createZip->addDirectory(‘themes/’); $createZip->get_file

CSS Redundancy Checker 使っていないCSSをWEBから簡単チェック「CSS Redundancy Checker」。 使っていないCSSのセレクタをあぶりだして、CSSのダイエットをすることが可能なツールです。 まず、(Step1)スタイルシートのURL を入力し、その後、(Step2)にスタイルシートを用いたページすべてを入力します。 そして、(Step3)「Check」ボタンを押せば、チェックを行ってくれます。 すると次のように、使用していないセレクタが一括して表示されます。 CSSのサイズが肥大化して困っているという方に便利なツールですね。 関連エントリ JavaScriptとCSSの両方を圧縮できる「YUI Compressor 2.0」リリース CSSデバッギングツール１０選