パンくずは何要素で実装していますか？　ul要素？　ol要素？　p要素？ パンくずをどのように実装するのがよいかの考察を紹介します。 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察さ... 続きを読む

• coliss.com
• コンピュータ・IT

前回の記事 で、HTML5 における引用と引用元のマークアップについて以下のような提案をしました: <blockquote> <p>エレベーターはきわめて緩慢な速度で上昇をつづけていた。おそらくエレベーターは上昇していたのだろうと私は思う。</p> <footer> 村上春樹『<ci... 続きを読む

• terkel.jp
• コンピュータ・IT

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる... 続きを読む

• journal.mycom.co.jp
• コンピュータ・IT

続きを読む

• hamcutlet.fjord.jp
• コンピュータ・IT

本日、html5doctor の記事「The Address Element」の日本語訳を公開しました。私の翻訳がうまくないためかもしれませんが、個人的には、この記事には誤解を招いてしまうのではないかと感じるところがありましたので、個人的な見解ですが、私なりの補足を。 該当... 続きを読む

• www.html5.jp
• コンピュータ・IT

皆さん、ホームページの著作権表示のタグは何使ってますか？ よくWebサイトのフッターに、「Copyright ～」みたいな著作権の表示がされているのを見かけますよね。 あの著作権表記のHTMLのタグは何を使ってますか？ 個人的に、ずーっと気になってたのが、著作権... 続きを読む

• blog.itoy.jp
• コンピュータ・IT

都道府県選択するやつ。がもしかしたら一日辺りの過去最高のアクセスを稼いだかも知れないという現実。 7月16日のアクセスが17,000PVオーバーって何だ・・・おかしいな、ウチはCSSネタが主力なのに・・・あぁ複雑。 本題ですが、HTML5のimg要素のalt属性に関す... 続きを読む

• css-happylife.com
• コンピュータ・IT

Home Archive del要素はあまり使わない方がいいかも del要素はあまり使わない方がいいかも 2007年11月19日 category:XHTML/CSS Comment(0) Trackback(0) del要素とかins要素って音声ブラウザとかで区別されず、普通のテキストとして読み上げられるんですよね。W... 続きを読む

• webtech-walker.com
• コンピュータ・IT

見出しレベルって飛ばしていいと思うんだけれども。 いいというのは、文章の内容的に考えたら、飛んでるのは自然で、色んなアクセシビリティガイドラインでAAAとかとりたいなら飛ばさないでいくしかないと思った。ちなみに、明確な答えは無い（と思う）。 文章... 続きを読む

• gyauza.egoism.jp
• コンピュータ・IT

栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今... 続きを読む

• mynotes.jp
• 社会

サイト内の各ページで常にh1要素をサイト名とすることについて、等々。 2007年6月30日 CSSでイケてるデザインサイト : 雑記帳 : der Gegenwart Rusicaさん。「イケてる」条件に「トップページ以外のh1要素がサイト名になっていないかどうか」を提示。 die Vernu... 続きを読む

• www.akatsukinishisu.net
• コンピュータ・IT

最近、一部で話題に上がっている POSH にも、"Use good semantic-class-names" という実践項目がありますが、今日はその class 名のつけ方について、最近、思い至ったことから。 POSH encapsulates the best practices of using semantic HTML to author web pa... 続きを読む

• my-chunqiu.cocolog-nif...
• コンピュータ・IT

「諸君 私はコーディングが好きだ 諸君 私はコーディングが好きだ 諸君 私はコーディングが大好きだ マークアップが好きだ サイトの設計が好きだ デザインの実装が好きだ デザインカンプにスライスを切っていくのが好きだ JPEGの圧縮率を決めるが好きだ ファイ... 続きを読む

• likealunatic.jp
• コンピュータ・IT

「正しくHTMLを（中略）5つの質問」への回答まとめ（Rusica さん） 「正しくHTMLを（中略）5つの質問」への回答結果に対する感想（Rusica さん） 私は最近、正しく云々の意欲がないので回答しませんでしたが、他の人の回答はちょっと興味を持って読んでいました... 続きを読む

• deztec.jp
• 社会

続きを読む

• mynotes.jp

class属性とid属性に関する議論リンク集 発端 過去の経緯や参考情報 2007年3月18日 2007年3月21日 2007年3月22日 2007年3月23日 2007年3月25日 2007年3月28日 「私はheaderやfooterはidじゃなくてclassだと思うけど、皆さんはどう思います？」 (CSS Nite公式ブ... 続きを読む

• www.akatsukinishisu.net
• コンピュータ・IT

■ このノートは ヘッダやフッタ、サイドバーなどが <div id="header"> などと、id属性でマークアップされることが多い事についての考察。マークアップの観点から掘り下げています。 ■ 疑問 header, footer, sidebar, containerなどの属性値 とりあえず、なん... 続きを読む

• g:web
• コンピュータ・IT

ちょっと思い立って、5W1H の XHTML マークアップの手段について、少しずつ整理してみることにしました。 理由や意義については、また別エントリーを立てるとして、とりあえず今日のところは、When?（いつ？）...つまり、日時のマークアップ手段から。 (X)HTML ... 続きを読む

• my-chunqiu.cocolog-nif...
• コンピュータ・IT

昨日のの続き 自分の文章をより解りやすくするために他の文章の一部などを引き写すこと、これは確かに引用であるが、HTML の blockquote/q 要素が表しうる引用がこれに限られるのかといえば、そうとはいえない。 HTML 4.01 仕様書 9.2.2.1 に次のような例がある... 続きを読む

• magicant.txt-nifty.com
• コンピュータ・IT

パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種 (CSS Happy Life)パズルみたいで面白いのだけどコメント欄で、そもそもパンくずリストをどうマークアップすべきなのか? という話で盛り上がって(?)いる。HTML のセマンティクスに沿って論理構... 続きを読む

• d:id:rna
• コンピュータ・IT

ちょっと前に パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種（CSS HappyLife）というエントリーが盛況でしたが、今日はパンくずナビゲーションの論理構造面を補強する意味も込めて、(X)HTML マークアップの例を、サイト構造やサイトの目的... 続きを読む

• my-chunqiu.cocolog-nif...
• コンピュータ・IT

集中的にアクセシビリティやユーザビリティを最近になってやっと学び始めました。JIS X 8341やWCAG1.0を読み進める中で、もっと自分自身勉強したいと思うようになってきました。そこで、JISやWCAGを学ぶ中で、自分がシニアや障害を持つ人との現場で、またそうい... 続きを読む

• d:id:aratako0
• コンピュータ・IT

普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、... 続きを読む

• css-happylife.com
• コンピュータ・IT