Numb.

Avatar

HTML5 の分かりやすいスライド

とても分かりやすかったのでメモ。
簡潔にまとまっていて良いスライドだなー。

HTML 5 自分用メモ

【特集】詳解! HTML 5と関連APIの最新動向 – 新タグ&API編 (2) HTML 5マークアップについての簡易リファレンス | エンタープライズ | マイコミジャーナル

上記記事の内容は、以下の通り。
(1) はじめに – 本特集の趣旨
(2) HTML 5マークアップについての簡易リファレンス
(3) Video/Audio要素とそのAPI
(4) Canvasタグ
(5) 大幅に強化されたフォーム要素
(6) アウトラインを意識したマークアップ
(7) ドラッグ&ドロップAPI

時間があるときにゆっくり読むためにメモ。

IE8

IE8 のことを知るためには以下を一読。

現時点で Dojo Toolkit が IE8 で上手く動いていません。次の Dojo の ver UP で直されそうなのでに期待。

ライブラリが動かない等、過去に制作したサイトが崩れたり問題が起きている場合、レンダリングモードを変更して過去の IE 互換レンダリングで表示させておくことが必要。

IE8 にはレンダリングモードが複数あります。詳細は以下のサイトで。

1 年弱前の記事ですが、こちらも参考になりました。

ただ、IE8 の互換モードと IE7 は全く同じではないということで、そのあたりも注意が必要ですね。

正直レンダリングモードが複雑化しすぎている気がします。せっかく「 hasLayout から IE8 で逃れられた!(= IE の面倒なモノはなくなった!)」と思ったのになぁ。まだ面倒ですね。
とりあえず、「Internet Explorer 8 開発者向け技術概要」を片手にがんばります。

HTML5

以前 HTML5 メモ | Numb. という記事を書きましたが、最近 HTML5 を利用したサイトもぱらぱらと出てきたようなので改めて参考サイトなどをメモ。現在はまだ策定中の仕様なので、仕事で使うのは仕様が固まる来年 2010 年以降だと思いますが、そろそろ覚え出したいな。

HTML5 利用サイト

HTML5 利用サイトを見てると、そう遠い技術ではないんだなぁと改めて思いました。

HTML5 を知るには以下のサイトを

上記にもあげた IBM の「HTML 5 の新要素」が、現在のマークアップと HTML5 でのマークアップを見比べやすいです。

HTML5 でサンプルとかも作りたいなあ。

以下、090628 追記
「仕様が固まる来年 2010 年以降」と書いたところの補足。

ウェブ関連技術の標準化団体「W3C」(World Wide Web Consortium)が「HTML5」の策定に向けて活動を本格化しました。1月22日には「HTML5」の最初の草案を公開。2010年9月に正式な勧告としてリリースする予定だと発表しました。

HTML5が持つ本当の意味 - @ITより引用』

2010年9月に正式な勧告としてリリースする予定、これは遅れるかもしれないし、予定通りかもしれないですが、どっちにしても正式な勧告が来てから実務では使うことになるかな。

HTML5 メモ

HTML5 は XHTML と互換性がないと思っていたのですが、ばっちりあるんですね。
んーんーこれは、結構楽しみな気がしてきました。

HTML 5には、この「article」タグだけでなく、「section」や「nav」、「header」、「footer」など、従来はdivのid属性で指定していたような「お決まりのレイアウト要素」が、正式な要素として導入される。じつに素晴らしい。

HTML 5では「article」タグでページの「本文」が取れる – Zopeジャンキー日記 より引用』

新規ウィンドウを開く手段を Valid と両立させる考察

以前に書いた
Numb. – _blank を使わない新規ウィンドウの開き方
の続きにあたる記事です。一応、もう一度おさらいしてみます。

06/13 追記:
大事な部分を丸ごと書き忘れていることに気付きました orz
javascript 関連の部分を追記いたしました。

新規ウィンドウを開かせる手段を実装したい、という場合は以下の 2 種類が有名だと思います。

  • a に target=”_blank” を指定する
  • javascript で設定する

しかし「ウィンドウを新たに開くかどうか」はユーザーが決めるべきことなので、作り手が決め手はいけない、という話もあります。
そのためか、XHTML 1.1 や XHTML Basic では target=”_blank” という書き方は準拠していない、とされ NG になってしまいます。
「マークアップ言語である HTML で、ウィンドウ操作をする」という点も問題なのだと思います。マークアップ目的以外になるので。

でもユーザーの中にも新規ウィンドウを開く手段を実装しておいて欲しいという人もいます。
いやいや余計なお世話だから、こっちに決めさせてくれ、そんなことは実装しておかないでくれ、という人もいます。
実装して欲しい・欲しくない、という人が両方いる…ということで、じゃあ両方のリンクを制作しておけばいいんじゃ!と思いまして。今回はそんな方向でやってみました。
[Read more]

trackfeed 用貼り付けタグを Valid XHTML にするには

ブログを持っている方は、trackfeed を使用している方も多いと思います。
trackfeed とは、ブログへリンクをはってくれたサイトを RSS で知ることができるサービスです。
見てるだけでも結構楽しいですし、お気に入りです。

リンクが張られた瞬時にRSSで通知するアクセス解析ツール – トラックフィード

trackfeed を使用するためには、指定された HTML タグをリンクされる可能性のあるすべてのページに貼り付ける必要があります。
ブログの場合、サイドバーかフッターのテンプレートに貼り付けてしまえば全ページに表示されるようになるので OK です。

しかし trackfeed に登録した際に送られてくる HTML タグは、そのままだと Valid XHTML に通りません。
最近は HTML ではなく XHTML で書かれたブログも多く、このサイトも XHTML で書いてあります。
Valid なほうが気持ちが良いよね、ということで、trackfeed 用貼り付けタグを Valid XHTML に通るようにしてみました。

[Read more]

HTML & CSS エディタ ez-HTML

色々使ってみたなかで、これはいいなーと思えたもの。
#2/24思い出して色々追記やら修正。

ez-htmlの入力補助


ez-HTML

ez-HTML

高機能すぎるほど高機能なので、使いこなすには最初に「ん、これどういうもの?どうするの?」
と多少ヘルプを見ないといけないかもしれません。
でも、自分が便利と思う機能だけ使いこなせればいいと思うので、そんなにたくさん学ばなくてはいけないわけでもないし、
なにより便利なので最初のヘルプを見る作業を加味しても十分使ってみる価値ありかも。

基本的には分かりやすく使いやすいソフトだと思います。
寄与歓迎のフリーウェアとなっていますが、下手な製品よりよほど良さそう :D

[Read more]

_blank を使わない新規ウィンドウの開き方

リンク先を新規ウィンドウで開くやり方と Markdown との兼ね合いについて書きましたが、今日はその続編です。いくつか気になる点があったので、調べてみました。
気になっていたのは、この2点。

  • 先日の javascript では、結局 _blank を後付けで指定しているので、よくないのかも。
  • そもそも _blank が推奨されなくなったのは、ユーザーがウィンドウを開くかどうかは決めることであり、サイトの運営者が決めることではない。ということから、らしい。それに沿ってないんじゃないか。

丁度同じようなことを取り上げている方のブログを見つけました。

hori-uchi.com: _blankを使わないで別ウィンドウを開くにはrel=”external”を使うのが美しいと思う。

コメント部分含め、参考にさせていただきつつ整理。

[Read more]

PAGE TOP