IT戦記

プログラミング、起業などについて書いているプログラマーのブログです😚

HTML

社内勉強会の資料を公開します

社内で HTML の勉強会がありましたので その資料を公開いたします。 Google Slides - create and edit presentations online, for free. ではでは、良い週末を

hCalendar を使って予定を公開しよう!

はじめに みなさん、こんばんわ! さてさて最近のことですが、 Google の検索結果にイベントや予定へのリンクが表示されるようになりましたね!(まだ、英語版だけですけどね^^;) ASCII.jp:Google、リッチスニペットでイベントの日時や場所表示に対応 …

たぶん Flash は無くならない

Flash vs HTML5 という記事をよく見かける OperaのCEO:「HTML 5でFlashは不要になりつつある」 - ZDNet Japan HTML 5はFlashやSilverlightに取って代われるか? | スラド IT Life is beautiful: 「Flash vs. HTML5」という構図がはっきりと見え始めたぞ、と…

HTML5 のセクションアウトラインを生成してみよう!

昨日 HTML5 のセクションアウトラインを取得する JavaScript - IT戦記 という記事で、以下の JavaScript ファイルを公開しました Outliner.js で 公開したのはいいのですが、 @amachang 使い方がわからんです…。見てるページで試せるように、Bookmarkletにな…

HTML5 のセクションアウトラインを取得する JavaScript

id:vantguarde さんが HTML5 のセクション 3 箇条を書かれて紹介しています スタイルシートやスクリプトの都合には使わないこと。それらにはdivを使うこと。 article, aside, navが適切な場合には、そちらを使こと。 セクションの先頭に見出しが自然に存在し…

新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法

はてなブックマークから新しい件数取得 API が提供されているようです! (開発者さま向け)はてなブックマーク件数取得APIに新しいAPIを追加 - はてなブックマーク日記 - 機能変更、お知らせなど この API のいいところは JSONP に対応しているところでしょう…

Mozilla 台湾の audio 要素のデモが超カッコいい

Firefox 3.5 から audio 要素という音楽を再生するための要素が導入されますが、 Mozilla 台湾のサイトに載っている audio 要素のデモがすごくかっこよかったので紹介します。 百聞は一見にしかず Firefox 3.5 (現状 Beta 4)で見てみてください http://moz…

タイトルアニメーション

ごめんなさいごめんなさい>< location.href を document.title に変えてみただけ

HTML5 の DOCTYPE 宣言って IE6 でも標準モードになるんですね

HTML5 の DOCTYPE 宣言 ですが、今までなんとなく「どーせ IE6 では互換モードなんでしょー」って感じで生きてきたんです。 ごめんなさいごめんなさい>< サンプルコード 確認してみてください <html> <head> <meta charset="utf-8"> <title>HTML5 の DOCTYPE 宣言とレンダリングモードのテスト</title> </head> <body> <h1>H</h1></body></html>…

駄文 - HTML は 20 年後どうなっているんだろう

ちょっと前にブクマを見てちょっとひっかかってたんですが 2008年04月22日 kokorohamoe 20年後はもうWebじゃねーよ。20年前?電信じゃねーか。20年後もWebってどんだけ技術革新おくれてんだよ。 2008年04月22日 t-tanaka 20年とは大きく出た。そもそもWebがメ…

駄文 - いつも先にブクマしているハテナーさん

海外の HTML とか CSS とか JS の記事で興味深い記事(特に仕様の一次ソース)があると b:id:vantguarde さんがいつも先にブックマークしてる。すごい。要お気に入り どんな人か気になるんだけど、自己紹介とか見つからないな><

HTML5 のバリデーションを行ってくれるサービスがある

まだ Tech Preview 版ですが WHATWG の HTML5 のバリデーションを行ってくれるサービスを発見しました。 http://html5.validator.nu/ 新しいものを追いかけたい人にはいい気がします。 僕もその一人です。

body の overflow: hidden が変

以下のようなコードがあって ... <html> ... <body> <div></div> </body> </html> body が overflow hidden で幅固定で div が横に伸びていったら div は body を「はみ出ない」と思うんだ。 でも、ブラウザによってははみ出てしまう。 Opera 9 はみ出る Safari 3 はみ出る Firefox 2 はみ出ない I…

xmllint で XHTML をバリデーション

XHTML を書くとき ちゃんと DOCTYPE 宣言で正しい DTD が示されていれば、 xmllint で簡単にバリデーションが出来ます。 $ xmllint --valid --noout hoge.html便利です。 バリデーションが通らなかった場合は、根拠となる DTD が表示されるので勉強にもなり…