Google Chrome曰く 「Webブラウザは主役じゃない」 特集：グーグルが出したWebアプリのためのブラウザを検証する 株式会社ピーデー 川俣晶 2008/9/5 Google Chrome狂騒曲 2008年9月1日、米グーグルはWebブラウザであるGoogle Chrome（以下、Chrome）を開発中であることをアナウンスし（参考：グーグル、独自Webブラウザ「Chrome」を公開へ）、9月3日にはWindows版のベータ版がダウンロード可能となりました。各メディアやブログはこぞってChromeを取り上げて、さまざまな情報がすさまじい勢いで飛び交っています。 Chromeは、米グーグルが自社で独自に開発したオープンソースのWebブラウザです。WebKitとMozilla Firefox（以下、Firefox）のコンポーネントを活用して開発されています（WebKitは米アップルが

Typechartは、WindowsやMac環境でタイポグラフィがどのように見えるかと、それを実装するスタイルシートをダウンロードできるサイトです。 Typechart - Browse Web Type, Grab CSS. タイポグラフィのカテゴリは、以下の３つに分かれています。 typeface Arial / Helvetica Cambria Georgia Lucida Grande Lucida Sans Unicode Trebuchet MS Verdana font size small medium / body large/ heading extra large emphasis normal bold italic uppercase タイポグラフィは、それぞれWindowsとMacでの表示を切り替えることができ、「Get CSS」ボタンをクリックすると、そのタ

紙や皮、木、石、タイルなどのテクスチャや背景画像を作成するPhotoshopのチュートリアルの紹介です。 フリーの素材集も便利ですが、形状や色を変更し自分好みのテクスチャを作成することもできます。

Simplicio: A Free Icon Set | Freebies | Smashing Magazine シンプルなUIアイコンセット「Simplicio」 次のようなシンプルなアイコンセットが公開されています。 イラストレーター形式でも配布されています。 先日のアイコンもいいですが、今回のもいいですね。 サイト作成に便利に使えるPSD付きアイコン集

「やるな！」と思われるデザイナーに ♯28 Quattro（mBlog） バックナンバーこんにちわ。mBlogのQuattroです。暑いっすね！　先月と同じ始まり方ですが暑いっすね！　持って出たハンドタオルが、1日歩くと2倍くらい重くなってたりします。うーん汚い。けど暑いからって室内に引きこもってると、ただでさえ我々デスクワークの人間はもやしっ子になりがちなので、そこはひとつ何か出歩く用事を見つけて……って行くトコと言えばアップルストアだったりするんですがｗ さて今回は、ウェブのデザイニングやコーディングに関わる人のためのチートシートをご紹介します。これって直訳するとカンニングペーパーなんですが、意味が転じてデスクの横とかに貼っておくと仕事的にナイスな紙切れ、みたいな風に使われる言葉らしいです。いろんな言語やアプリケーションごとに集めてみたので、それぞれの専門の方に是非。 コーダーのあな

This domain may be for sale!

今回は、官公庁の集計結果についてご紹介します。 調査対象とした官公庁のウェブサイト37のうち、サイト全体でアクセシビリティ対応が行なわれている可能性が高い「Ａレベル」は２サイトに止まり、対応が不十分と考えられるＤレベル以下が22サイトと過半数を占めました。本年2月に実施した調査結果と比較すると、到達レベルの上がったサイトが3サイトあった一方で、レベルが下がってしまったサイトも2サイトありました。 到達レベルの内訳：Ａレベル＝2　Ｂレベル＝2　Ｃレベル＝11　Ｄレベル＝19　Ｅレベル＝3 今回は、到達レベルの評価結果に加えて、CRONOS2の多数の分析項目の中から「リンク切れがあるページの割合」についてもデータを公表いたします。 ページ内にリンク切れがあるページの割合がサイト全体の10％を超えているサイトが2サイトありました。いずれもサイトのリニューアルを実施した際、古いページの移行がうま

概要 画像の横にテキストがあるようなレイアウトですがテキストが画像の下に回りこまないという CSS の書き方です。float を使うと、画像の下部にテキストが流れ込みますが、この方法は、画像の下にはテキストは流れ込みません。 さらに、画像の大きさは自由に設定できて、スタイルの使い回しが可能なレイアウトです。(画像が配置されるスペースの横幅は画像のサイズにフィットします。) これにより、画像のサイズごとに class 属性を設定したりスタイルを作る必要がありません。 また、画像がない場合でも画像分が詰められて表示されます。 これを応用すれば柔軟に対応できるコンポーネントをつくることができます。 動作確認用の demo 動作確認用の demo (左右逆版) 説明 display プロパティに table や table-cell を設定して実現します。構造を table 要素に置き換えて考えて

Photoshop Gardenから、ナビゲーションの画像を作成するPhotoshopのチュートリアルを紹介します。

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

フォントごとの「&」のデザインが知りたい。 そんなときにおすすめなのが、『Use the Best Available Ampersand』。CSSでベストな「&」を指定してみるサンプルだ。 このエントリーは、OSごとに「&」がどのように表示されるかを教えてくれる。 ↑はWindows Vista。 Mac OS X (10.5) Windows XP CSSは以下のように指定すればOKだ。 <span class="amp">&amp;</span> span.amp { font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; } CSSでベストな「&」を指定してみるサンプル、チェックして参考にしてみてはいかがだろうか。 カフェに行ってまったりしてたんだけど、カウンターだったのでマスター