ブラウザ新着一覧
25件中 1 - 20件目 次へ≫
CSSでマルチカラムレイアウト new
WINGSプロジェクト うえがき麻矢 [著]、 山田 祥寛 [監修]

 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト(段組レイアウト)を実現する方法を紹介します。

[2010年03月17日]

HTML 5のマルチメディア(オーディオ/ビデオ)サポート紹介
Kurt Cagle [著]、 japan.internet.com [訳]

 HTML 5になって初めて追加された要素として、audioタグとvideoタグがあります。これらの要素を使えば、オーディオやビデオをブラウザで簡単に扱えるようになります。付随するサポートAPIは、ユーザーによるきめ細かな制御を可能にします。

[2010年02月10日]

ページレイアウトに使えるCSSプロパティ
WINGSプロジェクト うえがき麻矢 [著]、 山田 祥寛 [監修]

 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。今回は、ページレイアウトする際に、最低限おさえておきたい代表的なCSSプロパティとして、floatプロパティ、および、positionプロパティを中心に解説します。

[2009年11月27日]

HTML 5のフォーム要素
Kurt Cagle [著]、 japan.internet.com [訳]

 HTML 5の最初の大きな目的の1つは、主要なHTMLフォーム要素を現状の潮流に合うように変更することでした。この記事では、HTML 5の草案に導入されている主要な新しいフォーム要素と既存要素の変更点を説明し、HTML 5の仕様が現在までにどれくらいこの目的を達成しているかを解説します。

[2009年11月09日]

ナビゲーションの実践的なスタイリング
WINGSプロジェクト うえがき麻矢 [著]、 山田 祥寛 [監修]

 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介しています。今回は前回に引き続き、より実践的なテクニックとして、「ナビゲーション」を例にクロスブラウザな表示を意識したスタイリング方法を紹介していきたいと思います。

[2009年10月06日]

HTML 5のレイアウト要素
Kurt Cagle [著]、 japan.internet.com [訳]

 HTML 5は、HTML 4にさまざまな変更が加えられた広範な仕様です。HTML 4との明らかな違いは何十箇所にもおよびます。今回の記事では、そのような違いの中から、HTML 5のレイアウト要素に的を絞って、1つ1つ説明していきます。

[2009年08月26日]

ナビゲーションのマークアップとCSSデザイン
WINGSプロジェクト うえがき麻矢 [著]、 山田 祥寛 [監修]

 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介しています。今回から次回にかけて、より実践的なテクニックとして、「ナビゲーション」を例にクロスブラウザな表示を意識したスタイリング方法を紹介していきたいと思います。

[2009年07月21日]

コンテンツのみ印刷するようにCSSで制御してみよう
小濱 良恵 [著]

 これからCSSをはじめるWeb開発者向けに、CSSレイアウトの基本から、印刷制御の方法を紹介します。

[2009年06月19日]

CSSスプライトを使用してサイトの表示速度を改善する
Chris Bennett [著]、 japan.internet.com [訳]

 デザイナーが作るデザインはますます手の込んだものになっていますが、その一方で、HTTPリクエストの数と使用される情報量を減らそうとする試みが継続的に行われています。本稿では、その手法の一つであるCSSスプライトについて、基本的な使用例を挙げながら説明していきます。

[2009年06月01日]

WiiのインターネットチャンネルでFlashコンテンツを表示する
田中正吾 [著]

 ゲーム機の枠を超えて、テレビ欄の閲覧やショッピングなどさまざまな使い方ができる「Wii」。WiiはOperaベースの「インターネットチャンネル」というWebブラウザも備えており、Adobe FlashやJavaScriptにも対応するなど、パソコンにかなり近い形でページを表示することもできます。本記事では、簡単なサンプルを交えながら、「インターネットチャンネル」のFlashコンテンツを表示するための仕様や注意点を紹介していきます。

[2009年02月23日]

Ubiquityを使った簡単なFirefoxアドオンの作成
Kurt Cagle [著]、 japan.internet.com [訳]

 Firefoxアドオンの開発は手間がかかります。しかし、「Ubiquity」ならもっと簡単に実現できます。UbiquityはMozilla Labsで開発中の実験的なFirefoxアドオンで、ブラウザ用のコマンドラインを使用可能にします。公開されてからまだ日が浅い技術ですが、新しいタイプのWebオペレーティングシステムの基盤として期待されており、大きな注目を集めています。本稿では、Ubiquityでのマクロフィルタの作成方法を紹介します。

[2009年01月21日]

Wiiのウェブブラウザ「インターネットチャンネル」向け ウェブページ制作の基本
角谷 和昭 [著]

 「Wii」は2006年の発売以来、全世界で1000万台を超える販売実績を持つ任天堂の家庭用ゲーム機であり、「テレビをウェブブラウザにする」という機能を持った最大級のプラットフォームでもあります。本連載では、Wiiで使いやすいサイトを作るコツを紹介します。第1回は、Wii用ウェブブラウザである「インターネットチャンネル」の仕様や、インターネットチャンネル用ページの表示方法などについて取り上げます。

[2009年01月19日]

ブラウザごとのwindowオブジェクトの違いを理解する
半場 方人 [著]

 ブラウザの種類やバージョン、ブラウザ独自の実装の違いを考慮し、異なるブラウザで同じように動作するスクリプトを「クロスブラウザスクリプト」と言います。最終回となる今回は、ブラウザによる「windowオブジェクト」の違いについて見ていきます。
 

[2008年10月16日]

ブラウザのデフォルトスタイルをリセットする
WINGSプロジェクト うえがき麻矢 [著]、 山田 祥寛 [監修]

 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。今回は、このブラウザのデフォルトスタイルについて解説し、これを初期化して、各ブラウザのデフォルトスタイルの差異を埋める方法を紹介します。 

[2008年10月03日]

CSSハックで、クロスブラウザ対応のCSSを記述する
WINGSプロジェクト うえがき麻矢 [著]、 山田 祥寛 [監修]

本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介しています。連載第2回では、表示モードを統一してもカバーできないブラウザの実装差異を補う方法として、CSSハックを中心に解説します。

[2008年08月05日]

「ブラウザの表示モード」を理解してクロスブラウザなレイアウトを実現する
WINGSプロジェクト うえがき麻矢 [著]、 山田 祥寛 [監修]

本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していく予定です。第1回目は、基本中の基本「ブラウザの表示モード」です。

[2008年05月22日]

ブラウザごとのeventオブジェクトの違いを理解する
半場 方人 [著]

ブラウザの種類やバージョン、ブラウザ独自の実装の違いを考慮し、異なるブラウザで同じように動作するスクリプトを「クロスブラウザスクリプト」と言います。ここでは、ブラウザによる「eventオブジェクト」の違いについて見ていきたいと思います。

[2008年05月01日]

ブラウザがサポートしているスクリプトを判断する 2
半場 方人 [著]

ブラウザの種類やバージョン、ブラウザ独自の実装の違いを考慮し、同じように動作するスクリプトを「クロスブラウザスクリプト」と言います。ここではブラウザがサポートしているスクリプトを判断しながら、処理を実装していく方法について紹介します。

[2007年10月23日]

ブラウザがサポートしているスクリプトを判断する
半場 方人 [著]

ブラウザによってgetElementByIdメソッドとallメソッドのサポート状況が違います。この違いを利用することでクロスブラウザを実現したスクリプトを作成することができます。

[2007年06月15日]

各ブラウザのproxyサーバ情報を読み出して利用する
tsu [著]

自前のWebクライアントを作成する場合、proxy経由のWebアクセスも考慮する必要があります。このとき、Webブラウザの設定情報からproxyサーバに関する情報を拾ってこれれば便利です。本稿では、代表的な3つのブラウザ(IE、Firefox、Opera)を対象にその方法を解説します。

[2007年01月04日]

25件中 1 - 20件目 次へ≫
スポンサーサイト