第40回社内勉強会 HTML5入門
HTML5とは HTMLの5回目にあたる大きな改訂版。 Webアプリケーションのプラットフォームとして利用するために、HTMLと関連APIを進化させることを目的としている。 厳密にはHTML5として定義されているのは、HTMLにおける要素や属性に関連した仕様だけだが、他の関連APIもあわせて広義のHTML5として呼ばれることが多い。(関連APIには、もともとHTML5として進められていて後から分離したものもあり) 参考:どこまでがHTML5なの？ － Publickey WHATWG(ブラウザベンダーが立ち上げたコミニティ)とW3C(Webの標準化団体)が協力して策定。 XHTMLからHTML5への流れ (1) 1999年、W3CによりXHTML1.0勧告。 XMLへの移行を計画。 新しい機能は別のXML言語もしくはXHTMLモジュールとして。 現状、XHTMLでも、ほとんどがHTMLと同
perl - HTMLをXMLとして扱う : 404 Blog Not Found
2009年02月19日08:30 カテゴリLightweight Languages perl - HTMLをXMLとして扱う そのXML::Liberalが test でこけまくっていたところから旅が始まった。 ゆーすけべー日記: 壊れた Premiere (映像編集ソフト) のプロジェクトファイルが XML::Liberal (Perlモジュール) で直った ということは、なんとかして壊れたプロジェクトファイルを「well formed」な XML にすればいいじゃないのか！と思ったわけ。そこで活躍したのが「XML::Liberal」という miyagawa プロダクトな Perl モジュール。 やりたかったのは、XHTMLでないHTMLを、XML::*なモジュールで扱うこと。例えばXML::LibXMLを使えば、JavaScriptみたいな感覚でDOMを操作できるし、XML::Sim
色の組み合わせチェック - 読みやすい前景色と背景色
誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名（CSS2の色名＋SVGの色名、計147色）およびrgb()の表現が使えます（初期値は、読みにくい例が入っています）。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行
hori-uchi.com: _blankを使わないで別ウィンドウを開くにはre
はてなブックマークをみていたら、気になるエントリーを発見。 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。 別ウィンドウで開くにはJavaScriptを使えってのが推奨される方法なんですが、onclickを使って定義するのはめんどうということで、この記事では、aタグにclass="popup"という属性を与えておけば、JavaScriptで別ウィンドウを開くということをしています。 この件については友人のHTML、CSSマスターなkawachi君と話したことがあって、そのときは、下のエントリで紹介されているrel="external"という方法を使うのがいい
xmllint で XHTML をバリデーション - IT戦記
XHTML を書くとき ちゃんと DOCTYPE 宣言で正しい DTD が示されていれば、 xmllint で簡単にバリデーションが出来ます。 $ xmllint --valid --noout hoge.html便利です。 バリデーションが通らなかった場合は、根拠となる DTD が表示されるので勉強にもなります。 Another HTML Lint もいいんですけど xmllint のバリデーションが通ればデータとしては正しいので、 xmllint だけで十分といえば十分。 Another HTML Lint などの「エレガントさ」を計る類いのものは参考程度にしておいて、「エレガントさ」は自分で探していくほうが正しい気がします。
XHTMLによるページ作成の注意点
ウェブページを記載する言語として，HTML(Hyper Text Markup Language)が一般的であった．しかし，今後はXHTML(Extensible Hyper Text Markup Language)に 移行していくと思われる．XHTMLは，HTML 4.01をベースに，XML(Extensible Markup Language)によって生成された言語であり，タグ名などはほぼそのまま利用することができる．現在，最新のウェブブラウザでは，XHTMLに対応が進み表示などもほとんど問題がなくなってきている．しかし，やはり多少の問題が発生しているためここで紹介したい． XHTMLを用いる上での問題点は以下の通り． XHTMLに根本的に対応していない古いブラウザがある→無視 フレームなどは基本的に使用できない→WAI(Web Accessibility Initiative)に
XHTMLの書き方と留意点
class="abstract" itemprop="http://purl.org/dc/terms/abstract"ひろく普及したHTMLの資産を生かしつつ、より強力で応用範囲の広いXMLの技術をWebに取り込むために、HTML 4.01と互換性を持つ新しいマークアップ言語XHTML 1.0が勧告されました。次の世代に備えるための、いくつかのポイントをご紹介します。 XHTMLとは XHTMLの基本形 HTMLとの互換性について 従来のHTMLをXHTMLに変換するための若干のヒント XHTMLとは 2000年1月26日にW3Cの勧告となったXHTML（Extensible HyperText Markup Language）[XHTML10]は、素朴な文書構造記述言語として発展してきた（あるいは混乱してきた）HTMLに、XML[XML1]の持つ柔軟性、拡張性を取り入れたものです。H
XHTML 1.0: The Extensible HyperText Markup Language
XHTML™ 1.0: The Extensible HyperText Markup Language A Reformulation of HTML 4 in XML 1.0 W3C Recommendation 26 January 2000 This version: http://www.w3.org/TR/2000/REC-xhtml1-20000126 (Postscript version, PDF version, ZIP archive, or Gzip'd TAR archive) Latest version: http://www.w3.org/TR/xhtml1 Previous version: http://www.w3.org/TR/1999/PR-xhtml1-19991210 Authors: See acknowledgements. Copyrig
IE7対応DOCTYPEスイッチモード一覧 | dTblog | デザインとプログラムの境界をさまようブログ
IE7(RC1)のDOCTYPEスイッチ対応を調べる過程で出来あがった、DOCTYPE宣言による各UAの標準・互換モード切替状況の一覧表をさらしておきます。間違いがあれば、ご指摘くだされ。＞誰 文書型 IE7 IE6 MacIE5 Gecko系 Opera なし
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Web::Blogoscope: XHTMLの最適化手法
DTD とブラウザの表示モード
Studying XHTML 1.1 [ 1.0との違い ]