IEのCSSハックが嫌いな人は、このナイスなhtmlの書き方で対応してみてはいかが？
概要 ▶ HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは本当にいいものだ！」というものが更にわかってきたので、その部分を紹介。前回はjQueryのロードの方法がナイス！という話でしたが、今回はhtmlタグの書き方がナイス！という話。いや、本当にさすがとしか言いようがない。 HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは本当にいいものだ！」というものが更にわかってきたので、その部分を紹介。 前回はjQueryのロードの方法がナイス！という話でしたが、今回はhtmlタグの書き方がナイス！という話。 いや、本当にさすがとしか言いようがない。 Internet Explorerの複数バージョンの対応は面倒 や
高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス
手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo
最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co
Adobe HTML5 特設サイト Dreamweaver® CS6 と HTML5 で始めようスマートフォン＆タブレット対応| Adobe - 日本
Dreamweaver CS6 と HTML5 で始めようスマートフォン＆タブレット対応 HTML5 特設サイトは、HTML5/CSS3 やモバイルデバイスの活用を検討している方に最新情報をお届けするアドビ公式サイトです。 事例から Adobe®Dreamweaver® CS6 を始めとする制作環境まで、幅広い観点から Web の新しい方向性をお伝えします。 本文へ 本サイトについて 本サイト自体が、マルチデバイス対応のレスポンシブなデザインの事例として制作されています。表示される画面の大きさに応じて、閲覧し易い様にレイアウトが変化します。詳しくは「互換化とは」をご覧ください。 jQuery Mobile を使ったスマートフォン向けの専用サイトも公開中です。
初心者向けHTML＆CSS参考サイトまとめ
CSS（スタイルシート）の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。 はじまりはじまり。 ネタに困ったときの最終手段。「まとめ」をします。 今回は、これからHTML＆CSSに挑戦する方、または始めたばかりの方にお役立ていただけるような、比較的易しいサイトをまとめてみました。 (X)HTMLリファレンス系 標準的なWebページを作る全ての基本は、(X)HTMLの要素の役割を理解し、正しくマークアップすることに尽きます。そのため、リファレンスを読んで要素とその役割を覚えるだけでも非常に効果的です。W3Cのサイトをみれば全てが載っていますが、何せ英語、しかも専門用語ずらずらなので、分かりづらい！ということで日本語のページを中心に集めました。 (*が付いているのは英語のページです) とほほのＷＷＷ入門多くの方が閲覧したことがあるであろう、定番ページです。更新さ
“Misunderstanding Markup” 日本語訳
このコミックは、“Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip”にあるコミックを、著作者の許可を得て日本語に訳したものです。 元になった記事の翻訳も行っています。“Misunderstanding markup”をご覧ください。 先週、W3CはXHTML 2 Working Groupが年内でその活動を終了すると発表したんだ。単刀直入で、歓迎されるべきことだったんだけど、「XHTMLが終わってしまう」と多くの人を混乱させてしまった。Zeldmanのblogポストに寄せられたコメントを読むと、それが分かると思う。 仕方のない部分もある。異なる技術に、同じような名前がついていたことが原因なんだから。しかも、これは今に始まったことじゃあない。 たとえば、JavaScript。Javaになにか関係しそうだけど、そうじゃないよね。書き方がすこ
CNET Japan
人気記事 1 KDDI、「povo2.0」のデータ使い放題期間満了時刻を変更へ--9月17日購入分から 2024年08月16日 2 FCNTの新スマホ「arrows We2/We2 Plus」--価格や販路の違い等を写真で確認 2024年08月16日 3 バルミューダ決算、新型「Mac mini」など--週間人気記事をナナメ読み（8月9日～8月15日） 2024年08月16日 4 携帯4社決算を読み解く--減益のドコモ、契約者急増の楽天モバイルが抱える課題 2024年08月15日 5 「かこって検索」、ミッドレンジの「Galaxy A55」「A54」などでも提供へ 2024年08月15日 6 電機大手、エアコン好調で売上増--今後の業績を左右するのは「生成AI」と「データセンター」 2024年08月16日 7 アップル、「iPhone」のNFC決済技術を他社に開放へ--「iOS 18.1」
色いろ～34567 - XHTML2.0からHTML5へ
XHTML2.0の策定が終了 (廃案) し、これでHTML5.0への移行が本決まりのような流れに。 Googleの一部のページでは、既にHTML5.0の仕様に沿った形で文書が作成されている。とは言ってみても、Googleの文書はかなり荒っぽいから、参考にはできないだろうね。少なくとも、文法面では落第だろうと。 HTML4とHTML5.0で大きく違ってくることは、レイアウト的な要素が追加されている点。 例えば 4.4 Sections, header要素とfooter要素の追加。これでdiv要素を用いたヘッダーとフッターから解放されることになり、それぞれ意味を持つ内容となるわけだ。 文書を一段と構造化させる為の要素を新しく提供してくれているわけ。 使い方次第では滅茶苦茶な意味・内容になる可能性があるだろうけど、仕様通りに用いれば理解しやすい構造になって、検索結果にも影響が出てきそうな感じがす
「HTML 5にはまだ多くの課題がある」――Adobe社エバンジェリストが優位性を強調
Adobe Systems Iberica, S.L.でGroup Manager，EMEA Platform EvangelismのEnrique Duvos氏 World Wide Web Consortium（W3C）が策定作業中の次期Web標準技術「HTML 5」は，動画の再生機能やグラフィックス表示機能などを備えることから，米Adobe Systems Inc.の「Flash」と競合するのではないかと言われている。この点について，Adobe社のエバンジェリストであるEnrique Duvos氏に聞いた。Duvos氏はスペイン・バルセロナのAdobe Systems Iberica, S.L.でGroup Manager，EMEA Platform Evangelismを務める。 ――Adobe社のRIA（rich internet application）技術の一つである「AIR
自分的HTMLテンプレートの組み方 | Takazudo Clipping*
自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする。 モジュールの開始要素には、「mod_moduleName」のようにclass（もしくはid）をつける。 モジュールやエリアのclass/idを起点に全てのスタイルを指定する。p、h1～h6、blockquote、table等、要素自体に直にスタイルを指定してはいけない。（グローバル変数を使っているような状態になってしまうため、以降考慮するのが面倒。リセット程度に済ます。） モジュールにスタイルを指定する際には、mod_moduleNameを起点としてスタイルを指定し、カプセル化を
IEが有るから助かってるって思えるかもしれないお話
何かしらのサイトを組んでいる時って誰でも一度は思うんだろうけど、 「IEなんて・・・（自重」、「IEさえ・・・（自重」、「ちょ、IEおま・・・（自重」 とか、思うっすよね。 ボクも勿論その中の一人で、特にIE6に関しては常に思ったりしています。 IEのために今までどれだけの時間を費やしたか・・・と思えるほどに。 そんなIEさんですが、今日は逆にIEが有るから助かってるかもって思えるお話です。 ぇーまぁそんな訳で、明日からIEが一切なくなったとして。 「3番目のグローバルナビだけちょっと指定変えてもらえる？」 と、言われて、 『class追加するのやだなぁ』 ってのが、 「リンク先変わらないんだから属性セレクタ使えばいけるっしょ」 って言われてしまったり。 「そこの最初のh3だけmargin-topは0で、他のh3は30pxでお願い」 と、言われて、 『最初のh3だけclass追加しないとい
JavaScriptで:activeを表現する - colorhythm
linker journalの「画像置換について考えてみました」にコメントした内容が間違っていたので、訂正記事を書いておく。 以下、自分がコメントした内容。 a要素の画像置換に限定して言えば、JavaScriptだけでは:activeと:focusダイナミック擬似クラスを表現できません。 :activeダイナミック擬似クラスに関しては、JavaScriptでも表現できる。サンプルを作ったので、実際に確かめてほしい。 よくあるロールオーバーのスクリプトに、onmousedown/onmouseupイベントを追加しただけだ。主要なモダンブラウザで問題なく動作するのを確認した。 :focusダイナミック擬似クラスは自分の知識ではできなかった。kotarokさんがコメント欄で「onfocusイベントで表現できる」と書いてあるが、img要素にonfocusイベントは指定できないはず。どうやって実装し
CNET Japan
人気記事 1 バルミューダ決算、新型「Mac mini」など--週間人気記事をナナメ読み（8月9日～8月15日） 2024年08月16日 2 電機大手、エアコン好調で売上増--今後の業績を左右するのは「生成AI」と「データセンター」 2024年08月16日 3 FCNTの新スマホ「arrows We2/We2 Plus」--価格や販路の違い等を写真で確認 2024年08月16日 4 ITパーソンが今読むべきビジネス書トップ10--最も注目されたのは「お金持ち」への最短ルート指南本 2024年08月13日 5 Meta、「Meta Quest HDMI Link」を発表--VR上にスクリーンを表示 2024年08月16日 6 劣化した？「Googleアシスタント」、Gemini統合で挽回できるか 2024年08月16日 7 「かこって検索」、ミッドレンジの「Galaxy A55」「A54」な
CSSでタブ区切りのテキストをきれいに表示する - builder by ZDNet Japan
Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 Anywhere Workspace！ ハイブリッドワーク時代の働き方 分散業務環境3つの課題と解決策 RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放！ 高付加価値業務への転換のために 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM ランサムウェア対策やリスク管理 マイクロソフトが語るサイバー犯罪の 世界的状況と最新のセキュリティ対策 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 仮想環境データ保護の新次元 高度化・複雑化するIT環境の課題への解決策 最新鋭データ保護・管理ソフトウェア基盤 リモートワーク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
HTML書く人まわりの熱い一日
Gracias%26utm_content%3DGoogle%2520Reader)
css-lecture.com
HTML 4 Block-level Elements
HTML5.JP - 次世代HTML標準 HTML5情報サイト