正しい理解の爲のHTML覺書
正しい理解の爲のHTML覺書 基礎知識 HTML 4の概説 World Wide Webとは何か? URIの大雜把な説明 部分識別子 相對URI HTMLとは何か? ウェブとHTMLの略歴 ウェブの黎明期における混亂 W3C設立とHTML 3.2勸告 HTML 4について 國際化對應 スタイルシート アクセシビリティ マークアップの基礎 文書構造の木 要素とタグ タグの省略が許される要素型 内容が存在し得ない空要素 タグは「命令」ではありません ソース文書とそのツリーの例 屬性(Attributes) 汎用屬性: id, class, title, lang, dir 文字參照 數値文字參照 文字實體參照 コメント宣言 リファレンス HTML文書の全體構造 文書構造の序論 HTMLヴァージョン情報 文書ルート: html要素 文書のヘッダ head要素 メタデータ: meta要素 文書タイ
3キャリア対応のCSS変換モジュールHTML::MobileJpCSS - komoriyaのはてなダイアリー
DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ
引用のやり方についての論争まとめ
ウェブでは、「引用はこうやってするよ」「それでは駄目だよ」といった論争・トラブルが時折発生します。 内容はいずれも似たり寄ったりで、要するに「HTMLの規格に基づいて引用するよ」という考え方と、 「そんな規格に従ったから何？」という考え方の衝突というパターンです。 毎度毎度似たようなやり取りが繰り返されて不毛なようにも思うのですが、 以前の論争を誰もが知っているわけではないので、仕方のないことなのでしょう。 以前の論争は、ログが消えてしまうことも珍しくありませんし。 というわけでこのページでは、現時点でログが確認できる範囲でそういった論争・トラブルをまとめてみたいと思います。 2001年7月：ありみかさとみさんvs佐藤治さん 2002年12月：野嵜健秀さんvsいずしさん 2005年9～10月：真名垣郁夫さんvsAkkyさん 2006年10月：中島聡さんvs高木浩光さん なお、このページには
次のページのリンクを推測する上での困難メモ « ku
HTMLから次のページのURLを推測するAPIを作る上での問題点メモ。 http://ido.nu/kuma/az-speculator/?u=http://jp.techcrunch.com/&callback=f&format=jsonp old/new, next/prev問題 デザイン上の問題として昔から言われているもの。時系列 descendant で並べてると見ていく人的にはNextはolderだけど、レイアウトする時は左側？右側？みたいなやつ。 これはクライアントが必ず1ページ目(連続するなにかの端)から見ていると仮定できるのなら、既に読み込んだページを記録して参照することで解決できる。 階層構造問題 Next articleとNext pageが同時に存在するとどっちを優先すればいいかはコンピュータにはわからない。単語の意味を知らないから。単語の意味を統計的に与えることは理
新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法 - IT戦記
はてなブックマークから新しい件数取得 API が提供されているようです！ (開発者さま向け)はてなブックマーク件数取得APIに新しいAPIを追加 - はてなブックマーク日記 - 機能変更、お知らせなど この API のいいところは JSONP に対応しているところでしょうね！ すばらしい！ というわけで、 HTML だけで、件数を埋め込む例を書いてみたよ！ やり方は簡単 callback パラメータに document.write を指定するだけ！ <script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>件のブックマークがあります。 あとは、適当にリンクとか張って <a href="http://b.ha
HTML5のimg要素のalt属性の仕様は読んでおくべきだと思う。
読んでおくべき。で終わってるタイトルが、自分っぽくなくて違和感有り有りだったの何となく変更。 都道府県選択するやつ。がもしかしたら一日辺りの過去最高のアクセスを稼いだかも知れないという現実。 7月16日のアクセスが17,000PVオーバーって何だ・・・おかしいな、ウチはCSSネタが主力なのに・・・あぁ複雑。 本題ですが、HTML5のimg要素のalt属性に関する仕様がすごい事になってますね。 ちょっと読んでて泣きそうになるくらい事細かに書かれています。 これは、コーディングを生業としている人間なら覚えていなければならないと思うので、必読すべき内容です。 4.8.2.1 Requirements for providing text to act as an alternative for images 4.8.2.1 イメージの代替として作用するテキストを提供するための要件 ざっくりまとめ
NHK 2009都議選 開票速報ページがHTML的にも見た目的にもかなりキレイな件 | aquapple
NHK 2009都議選のサイトが見た目が美しく、操作性も良いのに、Flashを一切使わずJavaScriptで制御されていることがTwitterで話題になっていました。 速報時は自動更新で獲得議席数がリアルタイムに反映されていましたが、現在は速報も終わり開票結果になっています。 動作確認も主要なモダンブラウザ[1]で動作確認が行われています。 ソースは8つのJavaScriptとdivタグに直接スタイルシートが書き込まれているだけで非常にシンプル。75行のHTMLソースの中にFlash要素はゼロとなっています。 各ブロックをクリックすると、フローティングウィンドウが出てきます。これはドラッグしたり、サイト下部に固定表示しておくことが可能となっているほか、ウィンドウの並び替えもタイトルバーをドラッグするだけで行えます。 このページの公開は15日の午後6時までとなっています。無駄に凝っているだ
サイトをリニューアルした時のメモ | Blog.37to.net
最終更新日 Sun, 28 Jun 2009 11:09:25 +0900 ブックマーク 半年ぐらい掛けて、少しずつ、ひっそりと、サイトをリニューアルしたので、その時のメモです。 当初は簡単なメモだったのですが、いつの間にかメモと言うには量が多くなってしまいました。 眠らせておくのも勿体ないのでまとめて公開します。 少し長いので（最近はむやみに記事が長い気がしますが）、最初に主な内容を書いておきます。 リニューアルの概要 HTMLのコーディング CSSとデザイン Movable Type4.2でのサイト構築 主に上記4つの内容となります。 HTMLとCSSは本職ではないのですが、ちょっと頑張りました。 リニューアルの概要 目的 古いデザインの一新 ブラウズ環境の変化に対する対応 (最新のブラウザに合わせた機能のサポート) (IEは7以上を基準にする。6はごめんなさい) 文字サイズの影響を受
オブジェクト指向CSS、HTML複雑だがパフォーマンスと再利用性向上 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Kevin Yank氏がSitePointにFirst Look: Object Oriented CSSのタイトルのもと、オブジェクト指向CSS (Object Oriented CSS: OOCSS)に関する概要をまとめている。同文書ではオブジェクト指向CSSに関してはYahoo!のエンジニアであるNicole Sullivan氏が有名であるとし、Nicole Sullivan氏の発表資料をとりあげてOOCSSについて説明している。 説明によればOOCSSはなにか実体のあるフレームワークではなく、CSSの使い方に対する視点変更を求めるものだという。結論からまとめれば、ロケーションを特定してCSSを適用する方法をやめて、そのかわりより複雑なHT
3キャリア共通のモバイルサイトコーディングにおけるポイント
MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
mixi日記に「&amp;」って書こうと思ったら大変だ
友人の mixi 日記にコメントをつけて その後どうも話がかみあわないな、と思ったら mixi 日記の記事やコメントでは文字参照が使えるんですね。 何も考えずに入力したから普通に変換されてしまってた。 文字参照というのは、 キーボードからは直接入力できなかったり 実はできるけど普通は知らなかったりするような文字や HTML の特性の都合でそのまま書いてはマズい文字を 別の方法で参照するためのものですね。 前者は例えば「¾」とか「«」とか。 「¾」は「¾」または「&fraq34;」 「«」は「«」または「«」 と HTML 内に書けばブラウザには目的の文字が表示されますね。 後者でよく使うのはたとえば「<」や「>」で、 これはそのまま記述してしまうと HTML タグの開始や終了と解釈されてしまうから 代わりに「<」や「>」と書きますね。 じゃあ「<
iモード対応HTMLタグ一覧 : iprof属性 | サービス・機能 | NTTドコモ
マイプロフィールとは、テキストエリア内に、氏名、電話番号などのユーザー情報を入力する際、あらかじめ携帯電話内に情報を登録しておけば、引用ボタンをクリックするのみでその情報が引用できるものです。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs
IDEA * IDEA
Untitled
XHTML �$B$N0LCV$E$1�(B (Re: XHTML �$B$NBP1~>u67$K$D$$$F�(B)