タグ

TipsとXHTMLに関するt_43zのブックマーク (13)

  • case:MobileDesign! モバイルサイトのデザイン紹介ブログ

    case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-15 >

  • HTML/XHTMLマークアップ・CSSコーディングガイドライン | enoq(エノーク)

    HTML/XHTMLマークアップ・CSSコーディングサービス - ciqlie(シクリエ)では、コーディングガイドラインに基づいたHTML/XHTMLマークアップ・CSSコーディングを行います。このページではコーディングガイドラインの一部を掲載しております。 案件によってはガイドラインと一部異なる設計・実装を行う可能性がございますのであらかじめご了承ください。 ディレクトリ構成 命名規則 HTMLマークアップ CSSコーディング アクセシビリティ ディレクトリ構成 html ├common/ │ ├css/ │ │ ├import.css [各CSSファイル読み込み] │ │ ├common.css [各ブラウザスタイル調整定義] │ │ ├structure.css [サイト構造定義] │ │ ├editorial.css [サイト構成定義] │ │ ├component.css [サイ

  • 3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

    という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ~ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま

    3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
  • Re:href=

    Re:href="#" onclick の悪習 ネタ元:某日記:href="#" onclick の悪習 <a href="#" onclick="...">検索</a> なんて書き方やめようぜ!というお話 a要素のhref属性に値が入ってるとonclick属性の内容を実行後にhref属性の値を参照しようとする。 #なんかが入ってるとページの一番上部にページ内遷移をする。(※1) 某日記さんの代替案ですけどspanで代替するもの <span style="cursor: pointer" onclick="...">検索</span> 私だとこんな書き方 <a href="javascript:void(0)" onclick="...">検索</a> onclickイベントハンドラを実行しようとしてるなら、こんな書き方もある <a href="javascript:(onclickの内容

    Re:href=
  • ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方

    yamaokaです。 水平方向に並んだナビゲーションを作る場合、 皆さんはどのようにマークアップされているでしょうか。 とりあえず必要な項目を羅列してみましょう。 それぞれの項目には矢印の画像を付加するものとします。 == HTML == <p id="navigation"> <img src="arrow.gif">編集 <img src="arrow.gif">削除 <img src="arrow.gif">追加 </p> horizontal_nav_1 posted by (C)フォト蔵 一見よさそうです。 ただ、HTMLの論理的な構造としてふさわしいものでしょうか。 ナビゲーションと言えども論理構造としてはリストの一種なので、リストとしてマークアップするのが適当と言えます。 リストにしてみましょう。 == HTML == <ul id="navigation"> <li>編集<

  • モバイルでのXHTMLとCSS

    ちょっと脱線#2 次々と賛同者が! iアプリとかで良かったら喋るよー♪by yoshiori モバイルってなかなか知識得る機会ないから興味あるよ!by tobetchi なんかしゃべりましょうか?むしろ最近の話に弱いですが、準備しますよby tmtysk いきたいby fshin2000 高まる期待(*'∀`)=3ワクワクby cafistar モバイル勉強会興味津々!by clearether モバイル勉強会期待してます。by kaoritter これに対して携帯から全レスするみにたぼ (`・ω・´) シャキーン

  • CSSに見惚れてばかりじゃなくて、もっと私(HTML)を見てよっ!

    と、htmlさんが嘆いている気がしたので、こんなサイトですがhtmlさんに付いて書きます。 ウチのサイトの一番の目的は「CSSって面白い!」って思ってもらい、興味を持ってもらう事にある訳ですが、次のSTEPに進む為にやっぱり通らなければならない道である(X)HTMLの正しい記述方法。 もちろん、CSSの勉強の前に(X)HTMLの理解をしてからが理想だと思いますが、ボクはソレがベストだとは思っていません。 何かを覚えるのに、「この順番で覚えなければ絶対にいけない。」なんて事は無いと思います。 ホントのビギナーさんは、CSSビギナー向けから、取りあえずCSSに触ってみるっていうのがボクのオススメです。 楽しんでナンボっす。 で、まぁ今回の対象となる方々は、テーブルレイアウトからCSSに移行した人で、(X)HTMLについては特に触れなかった人とか、Blogで初めてCSSに触れた人とか、CSSの魅

    CSSに見惚れてばかりじゃなくて、もっと私(HTML)を見てよっ!
  • ウノウラボ Unoh Labs: 携帯サイト作成時のXHTMLでの相違点

    こんばんは。harukです。 DoCoMo編…となるはずですが、特に書くようなことがないので、今回はXHTMLについて少し書いてみます。 現在ではすべてのキャリアが3G端末がメインとなってきています。 ※2006年11月末現在 DoCoMo: 約60% au: 約90% SoftBank: 約35% ほとんどの3Gの端末ではHTMLに加え、XHTMLを使うことができます。 XHTMLを使うことによって、文字の背景色を設定できたりするなど、デザイン表現が多彩になっています。 今回はXHTMLを使用する上での、各キャリアの仕様の違いなどをまとめてみたいと思います。 対応機種 DoCoMo FOMA(初期の2001,2002,2101以外) au WAP2.0ブラウザ搭載端末 SoftBank W型、3GC型 DOCTYPE宣言(推奨) DoCoMo <!DOCTYPE html PUB

  • 第12回 非推奨属性の代替方法(3)

    XHTML 1.0 StrictやXHTML 1.1ではいくつかの要素・属性が廃止されている。これらは「非推奨要素・属性」と呼ばれ、主に視覚表現に関するものであるため、シンプル&クリーンなXHTMLのためには使わないほうがよい。前回、前々回に引き続き、非推奨属性の代替方法を見ていこう。 21. (table要素)align、bgcolor属性 table要素のalign属性は、値が「left」「right」の場合はCSSのfloatプロパティで、値が「center」の場合はmargin-leftとmargin-rightプロパティで「auto」と指定して代替する。bgcolor属性は、background-colorプロパティで代替する。 [XHTML 1.0 Transitional/Frameset] <table summary="Web用語の一覧表。1列目が用語、 2列目が説明"

    第12回 非推奨属性の代替方法(3)
    t_43z
    t_43z 2006/10/27
    Web標準の基礎と実践
  • 第11回 非推奨属性の代替方法(2)

    XHTML 1.0 StrictやXHTML 1.1ではいくつかの要素・属性が廃止されている。これらは「非推奨要素・属性」と呼ばれ、主に視覚表現に関するものであるため、シンプル&クリーンなXHTMLのためには使わないほうがよい。前回に引き続き、非推奨属性の代替方法を見ていこう。 11. (html要素)version属性 html要素のversion属性は、厳密にはその機能をそのまま代替する方法は存在しないが、文書型宣言を指定することで代替される。

    第11回 非推奨属性の代替方法(2)
    t_43z
    t_43z 2006/10/20
    Web標準の基礎と実践
  • 第10回 非推奨属性の代替方法(1)

    XHTML 1.0 StrictやXHTML 1.1ではいくつかの要素・属性が廃止されている。これらは「非推奨要素・属性」と呼ばれ、主に視覚表現に関するものであるため、シンプル&クリーンなXHTMLのためには使わないほうがよい。今回からは非推奨属性の代替方法を見ていこう。 1. (ほぼすべての要素)lang属性 lang属性は、xml:lang属性で代替する。ただし、XHTML 1.0では後方互換性を考慮してlang属性とxml:lang属性の両方を指定し、XHTML1.1ではxml:lang属性のみを指定するという違いがある。

    第10回 非推奨属性の代替方法(1)
    t_43z
    t_43z 2006/10/13
    Web標準の基礎と実践
  • 第9回 非推奨要素の代替方法(2)

    XHTML 1.0 StrictやXHTML 1.1ではいくつかの要素・属性が廃止されている。これらは「非推奨要素・属性」と呼ばれ、主に視覚表現に関するものであるため、シンプル&クリーンなXHTMLのためには使わないほうがよい。前回に引き続き、非推奨要素の代替方法を見ていこう。 7. iframe要素 iframe要素(インラインフレーム)は、object要素で代替する。 [XHTML 1.0 Transitional/Frameset] <iframe src="refer.html" title="参照ページ"width="300" height="300"> 参照ページ </iframe>

    第9回 非推奨要素の代替方法(2)
    t_43z
    t_43z 2006/10/06
    Web標準の基礎と実践
  • 第8回 非推奨要素の代替方法(1):ITpro

    XHTML 1.0 StrictやXHTML 1.1ではいくつかの要素・属性が廃止されている。これらは「非推奨要素・属性」と呼ばれ、主に視覚表現に関するものであるため、シンプル&クリーンなXHTMLのためには使わないほうがよい。今回から、まず非推奨要素の代替方法を見ていこう。 1. applet要素 applet要素(Javaアプレットの埋め込み)は、object要素で代替する。 [XHTML 1.0 Transitional/Frameset] <applet code="ImageFader.class" width="200" height="160"> <param name="imageDir" value="image" /> <param name="images" value="Phot006.jpg|Phot009.jpg|Phot011.jpg" /> <param n

    第8回 非推奨要素の代替方法(1):ITpro
    t_43z
    t_43z 2006/10/06
    Web標準の基礎と実践
  • 1