XHTML

Docomo、au、SoftbankのXHTML仕様をざっくりまとめてみた。最後にiPhoneも追加。
XHTMLに対応している携帯は所謂第３次世代の機種です。
やっぱり三社三様だけどXHTML BasicやXHTML Mobile Profileに準拠しとけば全社に対応が可能な様子。

XHTML Basic　» Kanzakiさんの解説
XHTML Basic　» W3C仕様書

XHTML Mobile Profile » Openwaveのリファレンス

Docomoとauは同じバイナリコードで似たような絵文字が表示される。
参考：全キャリア絵文字比較表（絵文字を使いこなして見るためのページ）

公式のシュミレーターはXHTMLに微妙に非対応らしく、仕様書で可とされている要素や属性でエラーが発生するようだ。

Continue reading

tinyMCEや大手サイトなどでよく使われてる、メニューボタンの画像を１枚にまとめてしまう手法。
ボックスなどにも応用出来るので覚えとくと便利じゃないかなと思います。

Continue reading

Flashを背景にしてるっぽく見せる手法についてのメモ。
Flashサイトにはしたくないけど背景をガシガシ動かしたい、みたいな時（無さそうだけど）に使えるんじゃないかなー。

まず普通に背景にしたいFlashと内容を追加する。flashのソースについては「ValidなFlash表示ソース」参照。

今更感漂うけど続くよー

Continue reading

タグ付きダミーテキストのコピペが出来るHTML Ipsumを百式経由で知ったものの、
見たらなんか凄くラテン語（聖書？）だったので日本語で作ってみた。
リストやテーブルタグ付きのダミーはメニュー・更新履歴・企業挨拶風も作ってみた。

ダミー段落（Pタグ・短文）

この文章は仮の内容として挿入されているサンプルです。本公開時に変更されますので、この文章のまま公開されることはありません。

当ウェブサイトは現在鋭意製作中です。本公開後に再びご訪問頂ければ幸いです。

他、段落（中文・長文）、リスト、定義リスト、テーブルなど。

Continue reading

Webサイトはオブジェクトの集合体。
CSSもオブジェクト指向。

オブジェクトの集合なら、命名規則やデザインパターン作っておけば再利用はしやすくなる筈。
WebSiteでもOOP（Object Oriented Programming）的なこと出来る？
…となんとなく考えた事を適当に羅列してるメモです。まとまり皆無。思考ダダ漏れ注意。

Class

1. Header -> #header
2. Sidebar(Menu) -> #sidebar
3. Contents -> #contents,#wrapper,#container
4. Form ->#form,#contact
5. Fotoer ->#footer

Method

• List (UL,OL,DL) -> #menu,#navi,#navigation,#globalnavi
• Headering Title (H1～H6) -> #page-title,#sitename,#content-title
• Text Section -> div.post , div.section , div.entry
• Buttons (input type="button",button tag, block style Ancher)　-> #submit,#reset
• Input (form elements)
• Copyright (address) -> #copyright
• Image (floating style, ancher style)
• Table

Property

• Inlines (strong,em,tt,code...etc)
• Blocks (div,p,address,blockquote...etc)
• String (plain text)

4BOXとか5BOXとかのレイアウトテンプレートは中身が空のクラス、つまりこんな状態です。

class Header {
}

Continue reading