タグ

2009年8月26日のブックマーク (12件)

  • 日付の表記に関するノート

    日付の表記方法は、文化的な背景の違い、また用途の違いによって様々なフォーマットがあります。多くの場合、特に断り無く使っても問題なく正しい日時を伝えることができますが、文脈や利用者の環境によっては、意外な落とし穴にはまることもあります。誤解なく、かつ効率的に処理しやすい日時表記方法としては、2001-08-02T10:35Zというスタイルの、ISO/W3Cフォーマットがあります。 文化と日付表記 日時表記の国際標準とW3Cノート W3Cの日時フォーマット XML Schemaの日時データ型 タイムスタンプのインターネット標準 そのほか広く用いられる日時の書式 ピリオド区切りによる日付 電子メール、HTTPヘッダなどの日時表記 継続期間の表記 ISO 8601の期間表記 Dublin Coreの期間表記 読みやすさと処理しやすさのバランス 参照文献 文化と日付表記 よく見かける日付の表記法とし

    schrift
    schrift 2009/08/26
     神崎正英氏。
  • ごく簡単なHTMLの説明

    HTML来簡単で便利なものです。「30分間HTML入門」で基は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 (スライドのHTML版) 何のためのHTMLHTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正

    schrift
    schrift 2009/08/26
     神崎正英氏。
  • デフォルトスタイルの差異を無くす CSS

    2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.netCSS2 Specificationでのプロパティの出現順序」に沿

    schrift
    schrift 2009/08/26
  • 第4回 HTMLからXHTMLへの移行方法(1):ITpro

    HTMLからXHTMLにスムーズに移行するには、「書式の違い」をきちんと押さえておくことが不可欠。今回は「XML宣言」「文書型宣言」「XML名前空間と言語コード」「MIMEタイプ」「style要素とscript要素」について見ていこう。 HTMLよりも書式が厳格なXHTML XHTMLHTMLをXMLで再定義したマークアップ言語であり、HTMLの簡便さを残しつつXMLの論理的厳密性を備えている。そのため、HTMLのようにルーズなコーディング(たとえば終了タグがないなど)でもブラウザで問題なく表示される、ということはほとんどない。したがって、書き方にエラーがないかどうか少し神経質にならなければならない。 また、CSSがきちんと適用されないというトラブルも、実はXHTMLが正しく書かれていないことに起因していることが少なくない。 これらの問題を避けるべく、エラーのないソースにするには、バリデ

    第4回 HTMLからXHTMLへの移行方法(1):ITpro
    schrift
    schrift 2009/08/26
     益子貴寛氏。
  • And all that Malarkey // Naming conventions table

    NB: This page is archived without styles. Go to our home page or read our blog. URL Container Header Main-nav Left Right Content Footer 37 Signals Frame Masthead TwoColClosedSidebar TwoColClosedText copyright Cameron Adams header content-right content-left footer Phil Baines header col maincol footer Dan Benjamin main top ashtray humidor footer Douglas Bowman header subcol maincol Ryan Brill conta

    schrift
    schrift 2009/08/26
     IDの命名例一覧。
  • 文書型宣言の意味 -- ごく簡単なHTMLの説明

    所有者識別子 (OwnerID) 公開文書の所有者を示します。ISO(国際標準化機構)出版物*はその出版物番号を用います。JISなどの国家規格あるいは工業規格もしくはISO 9070に従って割り当てた所有者(登録所有者)の場合は先頭に+//を、それ以外の未登録所有者は先頭に-//を加えます。W3CはこのHTMLを策定したWorld Wide Web Consortiumを示します(HTML2.0だとIETFになります)。 公開文種別 (Public Text Class) 公開されている文書の内容を示します。この場合はDTDを公開しているわけです。必ず大文字でなければなりません。 公開文記述 (Public Text Description) 公開文書がどんなものであるかを記述します。この場合はHTMLのバージョン4.01のために公開している文書ということになります。 公開文言語 (Pub

    schrift
    schrift 2009/08/26
      神崎正英氏。DTD宣言。
  • XML名前空間の簡単な説明

    XMLでは自由に独自のマークアップ言語(タグセット)を設計できますが、ウェブ上で情報を共有するときに、同じタグ名が異なる要素タイプを意味して衝突してしまう可能性があります。この問題を解決するためにXML名前空間は、それぞれのタグセットに固有のURIを割り当て、名前をURIで修飾することでお互いを区別します。名前空間は、ウェブ上で「意味」を明確に定義し、相互理解を可能にするために非常に重要な役割を果たします。 名前空間の導入 名前空間URIによる修飾と接頭辞 デフォルト名前空間 名前空間URIの意味するところ 名前空間の区画と属性の名前空間 参照文献 名前空間の導入 XMLでは独自のマークアップ言語(語彙)を自由に設計できますが、多くの人が利用する語彙は、標準的な語彙を共有する方が効率が良く、相互運用性も高まります。そこで、ひとつのXML文書を作成するのに、さまざまなマークアップ言語から語彙

    schrift
    schrift 2009/08/26
      神崎正英氏。
  • ごくごく簡単なDTDの説明

    例えば、辞書型定義リストDLの場合は <!ELEMENT DL - - (DT|DD)+> となっていますが、これは開始タグ、終了タグとも必須で、内容としてはDTもしくはDDが1回以上出現しなければならないということを意味しています。 例外についての注意 +(E)という書き方は、要素(群)Eは内容モデルの「例外」として出現して良いことを示します。この例外は「その要素の実現値の中の全ての場所に適用する」とされ、その子孫にわたって内容モデルにかかわらず出現して良いという意味になります。これは結果的にDTDの読み方を少し難しくしているので注意が必要です。例えばBODY要素タイプの定義を見てみましょう。 <!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) > BODY要素の内容にはブロックレベル要素(%block;)もしくはSCRIPT要素が1回以上出現

    schrift
    schrift 2009/08/26
     神崎正英氏。
  • HTML Slidy (12)

    HTML Slidy: Slide Shows in XHTML You can now create accessible slide shows with ease Works across browsers and is operated like PowerPoint Advance to next slide with mouse click Move forward/backward between slides with space bar, Pg Up and Pg Dn keys Home key for first slide, End key for last slide Function F11 to go full screen and back The "F" key toggles the display of the footer The "A" key t

    schrift
    schrift 2009/08/26
     W3C。XHTMLでスライドを作成。
  • Mac用テキストエディター選手権

    今日はちょっとテキストエディターについて語ってみたいと思います。ちなみにTerminalから直接呼び出して使う系のエディターにはまだ手を出してません。viとかvimっていうんですかね。これはjとかkとかでカーソル移動させるしちょっと初心者には敷居が高いです。以下が僕が持ってる&日頃ぼちぼち使ってるテキストエディターの一覧です。 CotEditor Coda Espresso CSSEditCSS専用) Dreamweaver Xcode CotEditor 単純にテキストを書くならCotEditorが良いですね。軽いです。P_BLOGのコードも書いておられるnakamuxuさん作のテキストエディターです。国産。もちろんコード書くのにも向いてます。AppleScriptでわしわし機能強化とかも出来そうです。CodaゲットするまではCotEditor一でした。いまでもWindowsでいう秀

    Mac用テキストエディター選手権
    schrift
    schrift 2009/08/26
  • SimpleBoxes | CSSとHTMLのコーディングガイドライン

    当ページでは、他の多くのウェブページと同様、CSSならびにHTMLを利用しています。 私はperlでスクリプトを作成しますが、その際、perlのコーディングルールは、明文化していて、できるだけ分かりやすいコードを記述するように心がけています。 今回、perlと同様にCSSならびにHTMLについてガイドラインを作成してみました。 HTMLコーディングガイドライン ver 0.00 [日語] HTML coding guideline ver 0.00 [English] CSSコーディングガイドライン ver 0.00 [日語] CSS coding guideline ver 0.00 [English] HTMLに関しては、属性に対しての出現順序がメインのルールになります。XHTML 1.0 Strict DTDが一番の参考文献でしょうか。 我的春秋: 論理構造を文脈に読み換えながら

    schrift
    schrift 2009/08/26
  • CSS Nite Vol.7: Web制作現場の対立を解消する! XHTML CSSガイドライン作り [1]

    このスライドは誰でもアクセスできます スライドのURL http://www.cybergarden.net/cssnite07/ スライドシステム (モダンブラウザ向け) W3C® HTML Slidy (XHTML+CSS+JavaScript) 自己紹介 (1) 益子 貴寛 (Takahiro Mashiko) サイバーガーデン代表。Webプロデューサー。 大学院在学中の1999年5月に「CYBER@GARDEN」を立ち上げる。一般企業に勤務後、2003年5月に独立。 自己紹介 (2) 著書 『Web標準の教科書─XHTMLCSSで作る“正しい”Webサイト』 『伝わるWeb文章デザイン100の鉄則』 『XHTML+CSSスタートアップガイド (仮)』 が毎日コミュニケーションズから7月出版予定 (現在、執筆中) 矢野りんさんとの共著がMdNから出版予定 (現在、執筆中)

    schrift
    schrift 2009/08/26