HTML5で再定義された要素と属性 ここが違う！サンプルで見るHTML5（3）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 要素はスタイルを表さない HTML5は、新たに追加された要素に注目されがちですが、旧来から使われてきた要素についても再定義しています。 HTML4やXHTML1.0で規定された要素には、スタイリングを指示する要素がありました。HTML5では、スタイリングはCSSに任せ、要素はセマンティクスのみを表すことに重点が置かれています。そのため、HTML5のすべての要素から、スタイリングを指示する意味合いが完全に排除されています。 実際に、スタイリングを指示するだけの要素は、HTML5で
Webの弱点を解消
HTML5にはどんな機能があるのか。いつごろ仕様が決まるのか。そもそもHTML5の実体は何なのか。HTML5開発者コミュニティーの管理人である白石俊平氏に、HTML5の基本を2回に分けて解説してもらう。まずは、HTML5の主要機能を総括する。 HTML5とは、その名の通り「HTML」（ハイパーテキスト・マークアップ・ランゲージ）という技術の最新バージョンだ。HTMLはWebページを作成する際に用いられる仕様であり、「タグ」と呼ばれる特別な記号を文書内に埋め込むことで、文書構造を定義する。 HTMLはW3C（ワールドワイド・ウェブ・コンソーシアム）という標準化団体が仕様の標準化や管理を担っている。 プログラミング言語と統合
「携帯ゲーム機用Webページ」の作り方
本連載では、Web標準のメリットを最大限に活かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口を紹介しています。連載第7回目となる今回は、ニンテンドーDSやプレイステーション・ポータブルなどの携帯ゲーム機向けページの作り方を紹介したいと思います。 はじめに 本連載では、Web標準のメリットを最大限に活かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口を紹介しています。 多様なデバイス向けのページ制作として、前回は携帯用ページの作り方を紹介しました。連載第7回目となる今回は、ニンテンドーDSやプレイステーション・ポータブルなどの携帯ゲーム機向けページの作り方を紹介したいと思います。 対象読者 XHTMLとCSSの基本を理解していている方。 Web標準
CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
ナビゲーションのマークアップとCSSデザイン
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 これまでの記事では、クロスブラウザなCSSデザインをするうえで知っておきたいポイントとして、「ブラウザの表示モード」や「CSSハック」、「デフォルトスタイルの初期化」など、ブラウザの実装差異に関する基本的な事項を紹介してきました。今回から次回にかけて、より実践的なテクニックとして、「ナビゲーション」を例にクロスブラウザな表示を意識したスタイリング方法を紹介していきたいと思います。 ナビゲーションのマークアップに使われる代表的な要素には、a要素とリスト関連の要素（ul要素、ol要素）がありますが、今回は、これら要素のプレゼンテーションをコントロールする代表的なCSSプロパティを押さえておきましょう。 対象読者 XHTMLとCSSの基本を理解して
コンテンツのみ印刷するようにCSSで制御してみよう
はじめに Web開発者にとって、XHTML+CSSで構成されたWebページ作成の基礎知識は避けて通れません。「CSSってデザイナーがやることじゃないの？」と思うかも知れませんが、プログラマこそ、CSSのマークアップを理解する必要があると筆者は考えています。とりわけ、デザインも担当するWeb開発者も少なくありません。 また、Webページを印刷する場合、コンテンツのみ印刷したいけど、Firefoxでは右端が切れてうまく印刷できずに困ったことはありませんか？ そこで本稿では、CSSの特長や概要をはじめ、どのブラウザからでも思い通りにコンテンツのみ印刷するようにCSSで制御する方法を解説します。 対象読者 CSSに移行したいが、思い通りにいかずに結局テーブルレイアウトに頼っているWeb開発者 Firefoxでも右端が途切れることなく印刷できるように対処したい方 CSSでレイアウトするメリット CS
第32回 マクロで楽々HTML | WIRED VISION
第32回 マクロで楽々HTML 2009年6月 8日 （これまでの増井俊之の「界面潮流」はこちら） Cのプログラムでは、定義された規則に従ってプログラム中の文字列を別の文字列に置き換えるマクロ機能を利用することができます。たとえばプログラム中で以下のような記述をしておくと、 #define SIZE 100 その後に出現するSIZEという文字列はすべて100という文字列に置き換えられるので、 char array[SIZE]; のような記述は char array[100]; と書いたのと同じことになります。 これは100バイトのメモリ領域を確保するための宣言文であり、この領域を利用するプログラムは100バイト以上のデータをこの領域にコピーしたりしないように注意しなければなりません。領域サイズは仕様変更などにより変更される可能性がありますから、サイズに依存する部分では以下の例のように「10
Color Table
色のサンプルです。 このようなRGBの16進数で色指定を行います。 「red」や「blue」のような英語でのコード指定も可能です。 このボックスにカラーコードを入れてボタンをクリックすると、 背景色が変化します。 いろいろと試してみてください。 なお、JavaScriptが使える環境でないと動きません。 背景色：
スタイルシート例文辞典
Last Update:2011/10/1 PM 4:57 このページはスタイルシートの用例を載せています。このページはCSS3例文辞典に移行しましたのでメンテナンス等は行われません。→CSS3例文辞典へ 現時点で ・Internet Explorer 3.x, 4.x ・CSS Version に関しては未チェックですので信用しないでください。 このページに目的のものがない場合はJavaScript例文辞典、ホームページ例文辞典の方も参照してみてください。 HTMLタグリファレンス、スタイルシートリファレンスも用意してありますので、ご利用ください。 ■基本／定義 ［０１］スタイルシートのコメント ［０２］スタイルシートの設定（<style>タグの場合） ［０３］スタイルシートの設定（style属性の場合） ［０４］スタイルシートの設定（別ファイルを読み込む場合<link>） ［０５］スタ
メニュー
メニュー HTMLスタイルシートその他の知識 HTML 01 ホームページのしくみ 02 フォルダを作る 03 拡張子を表示する 04 HTMLファイルを作る 05 HTMLファイルを編集する 06 文章を書いてみる 07 改行する 08 基本構造 09 タイトルを決める 10 太字にする 11 文字の大きさを変える 12 文字の色を変える 13 アンダーライン、イタリック体、抹消線 14 書体を変える 15 タグを終了させる順番 16 画像を使う 17 相対パスと絶対パス 18 背景色を変える 19 背景画像を使う 20 リンクを作る 21 リンクの色を変える 22 トップページを作る（フレーム） 23 テキストエリアを使う 24 左右、真ん中に表示する 25 テーブルを使う 26 罫線を使う 27 文字化けしないようにする 28 イメージツールバーを表示させない 29 コメントをうめる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery UIのインタラクションを使ってみよう
CSSスプライトを使用してサイトの表示速度を改善する
どら猫本舗のリファレンスカウンター
【HTMLタグの簡単検索】TAG index - ホームページ作成情報