2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈
2006-12-25T21:18:10+09:00 面白いものを見つけたのだけれど、ブログに書いてもただの紹介記事に終わってしまいそうなものをタグ付けしてブックマークし、ブログ内の関連する記事のページに表示することにしました。ブログ記事につけたタグと同じタグのついたブックマークを表示できれば記事に関連するリンク集ができるし、自分自身へのフィードバックにもなって良いかも。ソーシャルブックマークサービス del.icio.us では JSON feed も提供されているので、それを利用することに。 JavaScript Object Notation - Wikipedia JSON Feed(川o・-・）＜2nd life) JSON Feedとか何とか(hail2u.net) JSONフィードとか何とか #2(hail2u.net) del.icio.us の JSON feed del.
2006-12-16T04:05:56+09:00 よく聞く意見として、Web デザイナーは DTP 的感覚を捨てるべきだ。といったものがありますが、僕は一概にそうは言えないと思っています。もちろん Web は紙媒体と違う点が多く、表示が環境に依存する部分があるので考え方に変化の必要な部分もありますが、それらは脱するというよりは、むしろ理解を深めていくべき点なのかもしれません。 ならば、どういった意識を持つのかというと、Web も DTP と同じように、文書に意味付け、構造化を行うという共通点があります。 HTML は文書に意味付けを行う言語 そもそも HTML とはなんぞや。という質問に『文書に意味付けを行う言語』という解答をすることがあります。例えばその文書の中で一番大きい見出しには h1 を。その一番大きい見出しの次に大きい見出しには h2 を。という風に単なるテキストに意味付けを行
comment 2006-10-17T21:15:00+09:00 お好みの言語が英語で無い場合は、日本語でどうぞ。 In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
2006-10-10T18:00:00+09:00 本日 CSS Nite LP DIsk 1 が行われました。現在会場の Opera ブースから更新しています。今回もたくさんの方にご来場いただいたようで、確かに会場はものすごい熱気でした。無料版の CSS Nite もそうですが、みなさんお熱い。『とったらんかい！』と言わんばかりの熱心な姿勢の方が多く、このような雰囲気の中、お話できて本当に良い経験になります。今回は長谷川恭久さんとのジョイントセッションでした。 CSS Nite 公式ブログ: CSS Nite LP Disk 1(CSS Nite 公式ブログ) 今回はこれまでの経験から、いくら簡単なことでも難しく伝えられると手を付けるのが遅くなったり、その簡単さに気づくのに時間がかかったりしてしまうので、microformats の魅力をできるだけ楽しく伝えられるように努力してみましたが
2006-10-06T20:05:55+09:00 告知がおくれましたが、来る10月10日に行われる、CSS Nite 有料版、CSS Nite LP Disc 1 で microformats についてお話することになりました。しかも、長谷川恭久さんとの共演になります。どきどき。microformats がどんなもので、これからどんな未来があるのか、できるだけ柔らかく、楽しくお伝えできればと思います。 やはり CSS Nite LP Disc 1 の詳細は、hCalendar を使って書くべきでしょう。 CSS Nite LP Disc 1 2006年10月10日15時から20時 津田ホール コピペして使えるように、以下にソースを書いておきます (こういう時に Live Clipbord を使うと良いかも)。 <dl class="vevent"> <dt class="summary"
2006-09-13T02:20:00+09:00 welcome home : vim online pre 要素のスタイル定義とマークアップ でも書いたのだけれど、最近 CSS や HTML の編集をする時は Vim (version 7.0) を利用しています。Vim を利用するに至った理由は 専用サーバを使い始めた Plagger を使い始めた CSS なんかは直接編集した方が早いと感じた Vim7 の補完機能 Omni completion がゴキゲン 『憶えておいて損はあるまい』と感じた というのがあります。中でも Omni completion というゴキゲンな補完機能が Vim7.0 を利用する大きなきっかけになっています。 vim7の新機能 Omni completion(川o・-・）＜2nd life) サーバへのインストールの前に、練習を兼ねてメインマシンの Maci
2006-09-07T00:56:49+09:00 なにやら pre 要素に CSS でどういったスタイル定義をしているのか、また、pre 要素をどのようにマークアップしているのか、様々な意見がでている模様。 ブログにコードを貼り付ける方法で悩むの巻(i d e a * i d e a - Lifehacks by 100SHIKI.COM) pre要素へのスタイル指定(hail2u.net - Weblog) Re: i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻(hxxk.jp) 情報共有と新たな発見を期待して、どのようにスタイル定義・マークアップしているのか公開することに。まずは注意しているポイントを挙げてみます。 Macintosh 版 Internet Explorer では、div 要素以外に値が visible (初期値) 以外の overf
2006-07-24T01:30:00+09:00 最近雑誌を見ていても、microformats に関する記事が増え、microformats に関する様々な意見を目にする機会が増えたような気がします。同じように様々なブログや実際に Web クリエイターな方にお会いしてお話している中でも microformats に関する様々な意見を耳にする機会が増えました。意見の中には大きな未来を感じているというものや、ブラウザの独自実装と大差ない。といったものまで多種多様です。僕自身はといえば、もちろん大きな未来を感じているのですが、チョット触れた程度で意見を言うのはあとで自分の首をしめそうだし、実際に導入してみたり Wiki や Blog, ML をチェックしたり、様々な人の意見を吸収したりしていると、様々なフォーマットがごっちゃになってきました。一度ここらあたりで Draft のものも含めて各フ
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
2005-06-27T02:38:52+09:00 先日、microformatsに含まれるXFNに興味を持って色々と書いてみましたが、今度はhCalendarについて書いてみようと思います。このフォーマットもWikiによる仕様の限りでは特別新しい技術を習得しなければならないというわけでもなく非常に簡単です。 hcalendar - Microformats（Main Page - Microformats） 例えば僕が楽しみにしている7月4日から始まるドラマと、7月24日に行く予定になっている坂本龍一JAPAN TOUR 2005を明示する時には以下のように書きます（2種類のサンプル）。 スローダンス 第一回: July 04, 2005 21:00-22:09 久々の深津絵里主演ドラマ。楽しみ過ぎ ソースは以下のようになります。 <dl class="vevent"> <dt><a c
2006-05-04T02:57:06+09:00 いつのまにやら flickr の プロフィールページも microformats に対応していますね。hCard でマークアップされています。先日microformats に対応したサービスなどまとめで紹介した、Technorati の Contacts Feed Service や、Greasemonkey を利用すると hCard を閲覧したり、vCard に書き出してアドレスブックに登録できます。 hCard を用意してみよう！ せっかくなので、自分自身のブログやウェブサイトに hCard を用意してみると良いかもしれません。詳しい仕様は microformats の Wiki で確認できますが、address 要素を利用して、マークアップするサンプルを用意してみました。 <address class="author vcard">
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く