タグ

xhtmlに関するedo_m18のブックマーク (11)

  • IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について

    IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意:下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8  HTML 4.01+EUC-JP  HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8  XHTML 1.0+

    IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について
  • XHTML+CSSでキャメルケースを使うべきではない7つの理由 | tshinobu.com

    XHTML+CSSのid/class名でキャメルケースを使うべきではない7つの理由を、CSS WIZARDRYの「CSS: CamelCase Seriously Sucks!」から覚え書きです。下記はその意訳です(間違っていたらすみません)。 はじめに 今、この記事が何人かの人をいらだたせることは分かっているし、私が普段どのようにコードを記述しているのか伝えたいのではありません。私はシングルラインCSSがキライです。ただ、明瞭で、道理にかなった、理解しやすく、首尾一貫したコードであるならば、そんなに文句を言うことはありません。私の目から見て最も重要なのは一貫性です。しかしながら、キャメルケースは、質的に矛盾していることが明らかなのです。 1. CSSはハイフンで区切られた構文 CSSはハイフンで区切られた構文です。どういうことかというと、font-size、line-height、bo

    edo_m18
    edo_m18 2011/01/10
    結構納得。でも、キャメルケースの理由は昔のブラウザでのバグでの慣例もあるんじゃなかろーかと。ま、今となっては気にする必要はないと思うけど。
  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • HTML/XHTML Compatibility Authoring Guidelines ― XHTML互換のHTML5記法ガイドライン | Web標準Blog | ミツエーリンクス

    > ナレッジ > Blog > Web標準Blog > 2010年5月 > HTML/XHTML Compatibility Authoring Guidelines ― XHTML互換のHTML5記法ガイドライン HTML5のHTML構文は、独自の構文を定義しています。ですから、例えばbr要素などは、<br />という記述、<br>という記述のどちらも書くことができるようになっています。また、これら2つの表記が混在することも可能です。 とはいえ、これからHTMLの基を教えるときに「どちらでもいい」といった教え方をすると、教えられる側は少し悩んでしまうかもしれません。また、製作者にとっても、保守性や複数人での作業に影響があると言われていますから、なるべくならばコードの書き方に一貫性を持たせたいと考える人は多いのではないでしょうか。 こういった理由などがあり、HTML5でもXHTMLのよう

  • CDATAセクション

  • アフターピルsosすぐ届く安心ナビ

    <PR> 「今すぐアフターピルが必要💦!」そんな緊急時でも、エミシアクリニックなら最短1時間で薬を自宅に届けてくれます😌 🏥エミシアクリニックなら🏥 エミシアクリニックでピルを処方する流れ ↓最短1時間で届く!簡単3ステップ↓ STEP1 LINEで友だち追加 公式サイトからエミシアクリニックを友だち追加し、1分ほどで終わる問診票の記入をします。 問診票の確認後に返信があり、医師によるオンライン診療に進みます。 STEP2 オンライン診療 オンライン診療とは言っても電話はビデオ通話は不要。やりとりはLINEだけなので気楽です。 医師から送られたLINEの必要事項に回答すればOK!5分程度で終わりますよ。 STEP3 ピルを受け取る 処方されたピルが最短1時間でポスト投函されます。プライバシーにも配慮されているのであなた以外の人に中身バレすることはありません。 \ アフターピルがすぐ

    アフターピルsosすぐ届く安心ナビ
  • FlashをXHTMLで表示させるには(embedタグを使わずに表示させるには) – cyano

    最近はstrict XHTMLを使ってWebページを製作することが多くなったのですが、そういった場合Flashをどうやって表示させるかは悩みどころ。というのは、embedタグはXHTMLには定義されていないからです。embedタグを使わないとFirefoxやNetscape系でFlashを表示させることができないと思われがちですが、そうでもないようです。 SG::Acme : Flashをstrict XHTMLで。では、XHTMLで定義されているobjectタグだけを使ってFlashを表示させる方法を紹介しています。objectタグにどの属性をつけてどの属性を取り除くのかがポイントのようですね。 この件に関する詳しい議論はリンク先を読んでいただくとして、どのブラウザでもobjectタグのみで表示するのに最低限必要なコードは以下の通り。 <object data="fma.swf" wid

    edo_m18
    edo_m18 2010/04/21
    object周りのブラウザごとの差異は詳しく知らなかった・・。
  • “Misunderstanding Markup” 日本語訳

    このコミックは、“Misunderstanding Markup: XHTML 2/HTML 5 Comic Strip”にあるコミックを、著作者の許可を得て日語に訳したものです。 元になった記事の翻訳も行っています。“Misunderstanding markup”をご覧ください。 先週、W3CはXHTML 2 Working Groupが年内でその活動を終了すると発表したんだ。単刀直入で、歓迎されるべきことだったんだけど、「XHTMLが終わってしまう」と多くの人を混乱させてしまった。Zeldmanのblogポストに寄せられたコメントを読むと、それが分かると思う。 仕方のない部分もある。異なる技術に、同じような名前がついていたことが原因なんだから。しかも、これは今に始まったことじゃあない。 たとえば、JavaScriptJavaになにか関係しそうだけど、そうじゃないよね。書き方がすこ

    edo_m18
    edo_m18 2009/10/02
    DOCTYPE宣言をHTML5にするだけ。XHTMLの構文(/>)なんかもそのままでイケル。つまりどっちでもいいってこと。(混在もã
  • XHTMLを適切に、そして利用しやすいものにする10の方法 | エンタープライズ | マイコミジャーナル

  • CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site.

    デザインを体感して学べるデザインブログです。Illustrator(イラレ)やPhotoshop(フォトショ)の使い方やWordPressやSWELLのCSSJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。

  • Another HTML-lint gateway

    HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の

  • 1