コンピュータは基本二次元で、三次元を表現するのは難易度が高い。それだけに見た人に与えるインパクトは格段に変わってくるだろう。例えばGoogleマップで見た衝撃と、Google Earthで見た衝撃の違いとでも言えるだろう。 ダイナミックに動く3Dライブラリ 今後、3Dをうまく使ったWebサイトは増えていくだろう。その時にはAjaxなどのJavaScriptベースの技術ではなくFlashを使ったもの...
『 特殊文字のコピペサイト。チェックマークとか、指さしとか、八分音符２つとか、上ブロックやじるしとか、スペード、ハート、クローバーとか、こんなの出来たんだなぁ。チェックマークはこれから良く使いそう。 』
Google Chart APIを利用したサービス。グラフが実際の図柄で選択できるなど、視覚的なGUIでパラメータの指定が可能なため、よりアプリケーションらしくGoogle Chart APIが利用できる。ブラウザのフォームから数値入力、チャートタイプ選択などを行って、最後にGoogle Chart APIに各種パラメータを引き渡すことでグラフが描画される。 料金無料 インターフェイス英語 グラフでの日本語利...
Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示 [...]
Webブラウザーだけで楽しめるWebページのジェネレーターがある。Photoshopで写真画像を加工したり、ゴリゴリHTMLやCSSを書いてデザインするのも楽しいけど、たまにはお気楽に、思いっきり手を抜いてWebページを作ってみるのはどうだろう？ そのまま使ってもよし、デザインやマークアップの参考にするもよし。どれも無料のサービスなので、気軽に試せる。 CSSも画像もまとめて作...
ようこそ「リグレト」へ！ リグレトは、日々の小さな『ヘコみ』や『後悔』に対して お互いが『なぐさめ』を送りあうことで、元気づけあえる場所です。 このサイトを閲覧するには、Macromedia Flash Player9以降が必要です。 お手数をお掛けしますが、ブラウザのJavaScriptをオンにし、下記のリンクよりFlash Playerをダウンロードしてください。
長くうわさされてきた、Googleのオープンソースブラウザプロジェクトとして、「Google Chrome」の存在を示す、あるオンライン「漫画本」が米国時間9月1日に登場した。漫画家のScott McCloud氏の手になるイラストは、Googleが正式に発表したものではないものの、19名のGoogle開発者のような登場人物と、その発言が含まれている。 Google Blogoscopedに掲載されたオンライン漫画（提供：Google ...
ページが見つからなかった場合に出てくる404ページですが、カスタマイズするのが面倒だったりしますよね。そこで登場したのがGoogleの「Custom 404 pages」。 なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆？」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。 ↑ 検索ボックス...
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いた...
Ubiquityが提供する機能を解説する前に、百聞は一見にしかずということで、まずは紹介ビデオを見てみましょう。 このビデオ、とても格好いいですね！ Ubiquityの魅力を十二分に伝えてくれます。 「何じゃこりゃ！」と感じた方も多いかと思います。Ubiquityはブラウザ上でのありとあらゆる操作をスマートにこなせるようにしてくれる、超強力なコマンドラインツールです。...
Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
『 NTTデータ製。Webページのアクセシビリティを約130の観点でチェック。accesskey属性が一般的なブラウザのショートカットキーと重複しているかどうか見てくれる! 』
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
『 背景画像やテクスチャ画像のリソース１３サイトということで、いろんな画像配布サイトがまとまってました。 』
webrunr.comから、天体や世界地図や動物など、独特な雰囲気がある外国の昔の本のようなPhotoshopのブラシを紹介します。 webrunr -Photoshop Ressources 画像をクリックすると、 [...]
「©(コピーライト)」「€(ユーロ)」「π（パイ）」「µ（マイクロ）」「∞（無限大）」など特殊記号文字を入力する際の、WindowsやMac環境でのキーボードの入力方 [...]
公式ドキュメント Firebug Console API Firebug Command Line API 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');...
『 Firefox3で動作する、GUIデザイン用のプラグイン。無料だが無料とは思えない完成度。テンプレートも必要十分で、各パーツは細かくセッティングが可能。Visioよりシンプルで使いやすいぐらい。オススメ。 』
Column Layout Generatorは、直感的に1、2、3カラムのレイアウトのスタイルシートが作成できるオンラインサービスです。 Column Layout Generator 使用方法は簡単で、左側のスラ [...]
『 webdesigngeneratorbuttoncolor 』
