HTML に装飾要素は必要
HTML 5（WHATWG） HTML 5 differences from HTML 4（W3C） HTML 5の覚書（石川一靖さん） 英語の方は拾い読み。どうせろくに読めないし……。 b 要素、i 要素、small 要素、sup 要素、sub 要素などの存続を石川さんは理解できないようだけど、私は工学部の卒論を HTML 文書化したので、物理的な装飾を行う要素の存在理由はよく分かります。 当時、学内には古い UNIX が残っていて、搭載ブラウザは Mosaic でした。CSS 以前の時代のブラウザ。製作者スタイルがユーザ環境に反映される保証が全くない。じつは今後も、製作者スタイルに対応しないブラウザは残り続けると W3C も WHATWG も考えていると思う。チープな環境はいつまでも消えてなくならない。 例えば、iPod nano クラスの携帯機器が HTML 文書に対応するとき、製作
h1は最も重要な見出し - 徒書
CSSでイケてるデザインサイト : 雑記帳 : der Gegenwartの記事で、「イケてる」条件として「トップページ以外のh1要素がサイト名になっていないかどうか」を挙げていたことについて、はてなブックマークのコメントで幾つかの言及がありました。 aratako0 僕もh1でサイト名はありだと思うんだけど。全ページ統一しておけば、スクリーンリーダーなどでhn要素を引っ張り出して、トップページに戻るのが簡単そうな気がする。 imoni "トップページ以外のh1要素がサイト名になっていないかどうか" むむ…む？ kana-kana_ceo CSS, Web Design 「トップページ以外のh1要素がサイト名になっていないかどうか」どうなんだろう。リソースは単独で扱われるモノたりうると考えれば、h1 要素はサイト名でも問題ないと思えるが。 / まあ、address でもいいんだけど。 そこ
栄光ゼミナール；塾選びガイド
栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなＤＶＤ（届くまでお楽しみ） 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制（6人から20人程度）できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで
CSSでイケてるデザインサイト : 雑記帳 : der Gegenwart
[ Web関係 ] 最近、っていうかここ数スレは建設的な議論が交わされているとはいいがたいですね。レスそのものはあまり読む価値がないです。晒されたサイトは一往チェックしてますけど。 唐突ですが、個人的に「CSSでイケてる」基準を列挙。完全に主観です。 採用DTDに対してValidであること。 当たり前。 レイアウト目的で、table要素及びbr要素を使っていない。 当たり前。 XHTML1.1でPresentation Moduleに含まれている要素を使っていない。 Strict精神的な感じ？ その他Strict的な感じでマークアップされていること。 class名、id名が見栄えに依存していない 無駄なdiv要素がない トップページ以外のh1要素がサイト名になっていないかどうか とかそんな感じ。 重くない。 私のヘボMacのFirefoxが落ちるようだと完全にアウト。ロースペックPC環境も
ドジっ子Watcher URLに著作物を含ませても、ディープリンクは禁止できない
以前Geekなぺーじの「無断リンクを法的に制限する方法？」という記事に対し「リンクは『言語・解法・規約』に該当するから（たとえ著作物を含んでいても）保護されない」とコメントしたことがある。それに対して反論しているブログ（徒然なるままに。）を見つけたので反論することにする。 そのブログ曰く「無断リンクは防げないが、ディープリンクは防げるかもしれない。」とのことである。しかし私はその意見に反対である。以下にその理由を述べる。 まず私の意見だが、「HTMLで書かれたページはプログラムであり、URLは『言語・解法・規約』に該当するので、たとえ内部に著作物を含んでいても（URLとして使用する限り）保護されない」ということである。従って、 1)HTMLで書かれたページはプログラムである 2)URLは「言語・解法・規約」に該当する を証明すればいいわけで、以下にそれを証明することにする。 無断リンクは防
新しいケストレル ベータ 2がやってきた - Choose Opera 日本支部 - by Choose Opera 日本支部
Uncategorized Android 用 Opera Mini – ビデオ用最速ブラウザ March 8th, 2016 Android 端末でビデオを見ようとして 1 日に何度読み込みが遅いと感じることがあるでしょうか。 Android 用 Opera Mini はこの問題を新機能「ビデオビースト」でビデオを最適化しビデオのサイズを小さくすることによって解決しました。この高速モバイルブラウザを未だお試しでなかったら Google Play ストアからダウンロードしてください Ericsson Mobility Report(PDF です) によると、2020 年までにモバイルでのデータの 55% はビデオになるとのことです。... Uncategorized NifMo に Opera Max が協力し通信量節約キャンペーン March 1st, 2016 Android 用データ
国内20万サイトのWebブラウザ互換性を調査，172種もの非互換要因を発見
国内20万サイトのWebブラウザ互換性を調査，172種もの非互換要因を発見 1.7%のサイトに深刻な問題，オーサリング・ツールも非互換の原因に 三菱総合研究所 情報技術研究センター研究員 清水浩行です。突然ですがみなさん，Webブラウザは何をお使いでしょうか？Internet Explorer 6.0 (IE6) の方が多いでしょうか。OSSセンターに興味をお持ちの方であればOSSブラウザのFirefoxを使っている方も多いでしょう。IE7，OperaやMac OS X用のSafariを使っている方もいらっしゃるでしょう。 WebのコンテンツはW3Cなどによって標準が制定され，上に挙げた以外にも音声読み上げブラウザなどさまざまなブラウザから閲覧できるようになっています。しかし，IE6以外のブラウザを使っている方はコンテンツが正常に表示・動作しないWebページに遭遇した経験をお持ちのことと思
idea:15525 - ideatesterの日記
idea:9285で実装された、「人力検索はてな」のプロフィールページで「いるか賞」のアイコンをクリックすると該当する質問ページに飛べる機能に対して、次のアイデアが出された。 プロフィール欄に表示されているいるか賞画像のALT属性値を「いるか」ではなく、いるかをゲットした質問名または質問番号に変更して欲しい。ナビゲーションしやすくするため。 なんだかなあ、というのはアイデアにコメントした通り、alt属性の使い方を間違っているんじゃないかと思ったから。リンク先が何を表しているかは、imgタグじゃなくてaタグの方に書くべきことだと思ったわけです。いるか画像をテキストで説明するとしたら、現状の「いるか」で問題ないしょ。 でも、よく考えるとこれって元々の設計がおかしいのよね。同じ画像をクリックしたらそれぞれ異なる質問にジャンプするというのはわかりにくい。 次のように、同一の内容で異なるリンク先を示
XHTML+CSS (r)evolution, 3rd の内容は信ずるに値するか?
XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか?XHTML+CSS (r)evolution, 3nd スライド・音声データ(原文ママ)も公開されたようですので、今回のプレゼンテーションに対して補足と説明を加えておきましょう。プレゼンの内容をほとんど否定しているのは気のせいということにしておきます。公開されているスライドPDFと併せてご覧になると良いでしょう。 上記リンクを辿るとサーバのなかを思いっきり探し回ったのですが、ファイルが見つかりませんでしたと言われてしまうようです。いつの間にデッドリンクとなったのか定かでありませんが、資料へのリンクはそのまま生きているようです。また、おそらく一字一句違わぬエントリーが下記より参照できますのでこちらも併せてご覧下さい。 XHTML+CSS (r)evolution, 3rd スライド・音声 「XHTML+CSS (
はてなブログ | 無料ブログを作成しよう
賃貸暮らしのわが家の地震対策【揺れから命を守る編】 以前のブログでも記載した、防災の優先順位に基づいて対策を進めています。まだ手をつけられていない部分もありますが、ある程度まとまってきたのでざっくりとご紹介していきます。 優先順位別に改善していっているため、今回は主に地震の揺れ対策がメインになります。…
ekken： はてなブックマークのリンクターゲット問題
はてなブックマークがちょっとだけ仕様変更されたようで、これまで個別エントリのブクマページはリンクターゲットが設定(target="_blank")されていたのだけど、今回これがなくなったのですね。 この仕様変更を知らせるはてなブックマーク日記に、たくさんのブクマコメントが寄せられているのだけど、ちょっと面白いコメントがあったので言及。 はてなブックマーク-エントリーページのレイアウト変更 / リンクの別ウィンドウ表示の見直しについて 別窓で開いてくれなくて困る。こっちで好きなようにさせろ。 別窓の方が使いやすい、という人の存在はわからぬでもないけど（僕は同一窓派）、今回の仕様変更で「好きなようにさせろ」という要求が出てくるのがよく分からないなぁ。 別窓で開きたい人は別窓で、同一窓で開きたい人は同一窓で開ける、というのが今回の仕様変更でしょう。 恐らくは管理画面で好きなように設定させて欲しい
論理構造を文脈に読み換えながら class 名を考える - 我的春秋
POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. posh - Microformatsより 基本的にはより論理構造を意識した class名をつけることが、今日のお話の目的なんですが、semantic-class-names のリンク先にない新味は、論理構造を文脈に読み換えながら class 名を考えるという点。（ただし、普段から意識的に文書全体の構造に照らして class名をつけている方には、それほど新味はないかも。） 例によって
メモ帳‐ニコニコ動画(夏)
2007年05月23日 05:31:08 投稿 メモ帳 ExcelやWordの人に感化され、「ならメモ帳で」とやってみた。後日メモ帳なしで挑んで玉砕(sm379145)◆07/12/22追記 いろいろそろそろ潮時の様なので引き上げます。上げた動画も年内を目処に削除移転の予定。◆>>all 良い経験になりました。感謝。縁があったらまたいつかどこかで。
最新のHTMLって何? | 水無月ばけらのえび日記
更新: 2007年5月16日 「全問正解できる？ HTML文法基礎クイズ (allabout.co.jp)」というものがあるようですが、難易度がとても高いですね。全問正解できる人いるんでしょうか? 私が悩んだ難問だけメモ。 Q1. 非推奨要素 以下の4つの記述のうち、文法的に最新のHTMLでは使わないことが推奨されているものがあります。それはどれでしょうか？ 1. <strong> ～ </strong> 2. <b> ～ </b> 3. <table> ～ </table> 4. <h1> ～ </h1> 以上、全問正解できる？ HTML文法基礎クイズ より 初っぱなから超難問で、私には答えが全く分からないのですが……。ちなみに、b要素は使わない方が良いと個人的には思いますが、HTML4.01 では deprecated になっていませんし、XHTML1.1 でも Presentatio
栄光ゼミナール；塾選びガイド
栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなＤＶＤ（届くまでお楽しみ） 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制（6人から20人程度）できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで
ここで改行ったら改行 - カナかな団首領の自転車置き場ダイアリー
私は、引用の際に、改行位置を改変し、適宜句読点を追加したりします。まあ、改行位置に、それほど重要な情報や意味が無いと考えているからですが。ただ、物書きの人の中には、改行位置や、「間」（所謂ストリクターにとっては、たんなるスタイルシートのマージンでしかないんだけど）には、大いに意味があり、それはデータとしても伝えられるべきである、と考えている人が多く存在（かのＯＹＡＪＩ氏もそうだったり）します。 また、 日本語においては意味段落（いみだんらく）と形式段落（けいしきだんらく）が存在する。意味段落はその段落がひとつの意味を持った塊であることを示し、形式段落はその段落がその意味を表す段落のすべてではないが表記上段落にしている場合を示す。通常は複数の形式段落をまとめて意味段落とする。 段落の表記方法は改行後に1文字字下げを行うことが一般的である。ただし、形式段落と意味段落の混ざった文章においては行間
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 input type="date" と canvas
MORIYAMA Hiroshi's Diary - 「target="_blank"」が無くてもリンク先を「別窓」に開くことは可能
http://www.midnightlover.net/memo/web/html/re-hanahada
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。