CSS セレクタに関するおさらい 2 | WWW WATCH
前回の続きです。今回も引き続き、CSS3 で定義予定のものも含めて、CSS セレクタのリファレンスいきます。 今回は擬似クラスを中心に取り上げてみますが、CSS3 では擬似クラスが大幅に拡張されていますので、見慣れないものばかりかと思いますが、知っておくといいかもしれません。ただし、ブラウザのサポートはまだまだですので、実用性は高くないと思います。 擬似クラス (Structural pseudo-classes) E:root ドキュメント内のルート要素である E という要素にスタイルを指定します。CSS3 で定義。(X)HTML においては、ルート要素は html 要素になるので、 :root { margin:0; padding:0; } とすれば html 要素にスタイルが適用されます。XML の場合は、DTD で指定されたルート要素に対して適用されます。 E:nth-child
[を] Emacs 初心者のための最低限のコマンド表
Emacs 初心者のための最低限のコマンド表 2007-01-11-1 [Tips] 最強のエディタである Emacs はその敷居の高さでも最強かも。 なんてったってコマンドが多すぎで初心者はブルーになりがち。 しかもまわりの Emacs ユーザに使い方なぞ聞いた日にゃ、 「入門段階ではそもそも使いこなせないようなすごい機能」 の説明を嬉々として始めたりしがちで手に負えない。（偏見） というわけで、初心者向けに 「最低限これだけ使えればとりあえず大丈夫」 と思うものをまとめてみた。私も普段からよく使うコマンドたちである。 主に「Emacs操作キー一覧」 (http://www.magic.mediawars.ne.jp/tips/emacs_key.html) から抜粋。 上下左右へ移動 C-p, C-n, C-b, C-f行頭・行末へ移動 C-a, C-e1画面進む
CSS セレクタに関するおさらい | WWW WATCH
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
ブロガーに最適？参考情報を管理できるFirefox拡張『Zetoro』 | P O P * P O P
何かを調べていて参考情報をまとめておきたいと思ったことはないでしょうか？ ブログを書いているとそんな機会も増えます。そんなブロガーのためのFirefox拡張がこの「Zotero」（もともと論文を書くためのツールですが）。これを使えば関連ページを簡単に管理することができます。 » Zotero – The Next-Generation Research Tool 日本語にも対応しているのがうれしいですね。なお、Firefox 2.0専用です。それ以前のバージョンでは動作しませんのでご注意を。 では下記に簡単にご紹介。 ↑ 拡張をインストールするとブラウザの下部に参考情報をまとめるウィンドウが。こちらのボタンで見ているページの情報を一発保存してくれます。 ↑ タグ付けも可能。あとで分類するときに便利ですね。 ↑ メモを付けることもできますよ。引用したい箇所やちょっとしたアイディアを書いておく
カセットテープをPCで聞いたり、MP3に変換できる「PlusDeck 2c」
今やカセットテープなんてカーステレオでも装備されている方が珍しいという状況になってきましたが、昔よく聞いていたテープを捨てられずにそのまま置いてあるという人は少なくないと思います。カセットデッキが現役ならばいいのですが、できればMP3などに変換しておきたいところ。カセットデッキとサウンドカードを接続してMP3に変換するという方法があるにはあるのですが、「PlusDeck 2c」を使えばPCでカセットテープを聞いたり、音楽をMP3に簡単に変換することができます。 詳細は以下の通り。 「PlusDeck 2c」は5.25インチベイにちょうど設置できるサイズで、20pinのコネクタケーブルとシリアルケーブルが付属しています。MP3やWAVへ変換するためのソフトもついてきて、曲ごとに分割はされないものの簡単に編集できるとのこと。 付属品。 PCに組み込んだところ。 値段は89.99ドル(約1万10
【動画レポート】これが「iPhone」のユーザー・インターフェースだ（後編）
米Appleが1月9日（米国時間）の「Macworld San Francisco」で発表した「iPhone」。同社のSteve Jobs CEOが自らデモしたiPhoneのユーザー・インターフェースを紹介する動画レポートの後編では， iPhoneアプリケーション最大の目玉である「Googleマップ」などの機能を紹介しよう。 ●→【前編】：Phoneの画面から瞬時にiPodアプリケーションが起動 ●→【中編】：留守電管理，SMSなどメッセージング関連のデモを紹介 動画9：iPhoneのSafariで，Amazon.comやNew York Timesのサイトを閲覧 動画9は，iPhoneのWebブラウザ「Safari」を使ってAmazon.comを閲覧しているデモだ。Webブラウザはズーム・イン，ズーム・アウトに対応しており，デモでもAmazon.comのページ全体を確認したうえで，特定の
イエイリ建設ITラボ
これは、ユーザーが作った建物などの3次元データを公開し、みんなで共有するシステムのようです。 使い方は、次の通りです。 １．グーグルアースの最新版をダウンロードし、バージョンアップする。 ２．「3D Warehouse network link」をダウンロードする ３．画面に現れた青い「×印」をクリックし、ポップアップしてきた画面を見て、 表示させたかった場合は「Download to Google Earth」をクリックする。（下図参照） しかし、いろいろな人が建物を登録しているようで、中には位置がずれていたり、 東京のド真ん中に、かつてニューヨークにあった「ワールド・トレード・センター」があったりします。 表示させるビルは選んでくださいね。 一方、Layerのメニューの中にある「Best of 3D Warehouse」というものは、クオリティがしっかりした ビルを
話題の3D仮想世界「Second Life」とは
ITmedia読者にはもうおなじみかもしれないが、「Second Life」という米国の3D仮想世界が話題になっている。決められたストーリーや目的のないオンラインゲームで、ユーザーは、世界の中で歩き回って“観光”したり、別のユーザーとチャットしたり、乗り物に乗ったり、ダンスしたり――自由に“第2の人生”を過ごすことができる。 最大の特徴は、アバターやアイテム、建物、家具、アミューズメント施設など、ゲーム世界のオブジェクトすべてがユーザーによって作られていること。専用ブラウザには3Dモデリングツールが組み込まれており、ユーザーが自由にオブジェクトを創造できる。 基本機能の利用は無料だが、家や店などをを建てるための土地や島は有料。ゲーム内通貨「リンデンドル」で購入する。リンデンドルは現金（米ドル）に換金可能で、ユーザーは、自分が作ったアイテムや建物などを売ったり、土地を切り売りしたりしてリンデ
本物そっくりの雪がつくれる『Sno-Wonder』 | 100SHIKI
本物そっくりの雪がつくれる『Sno-Wonder』 January 12th, 2007 Posted in ガジェット・ハードウェア Write comment 本物か、そうでないか。 わかりそうでわからないときにそれはちょっとしたエンターテイメント（というかクイズ）になる。Fake or Real系のコンテンツがネット上に多いのもそういう理由だろう。 というわけで今回はSno-Wonderをご紹介。 このサイトでは本物そっくりの「雪」を販売している。この「雪の素」、水と混ぜるだけでまるで本物と見分けがつかない「雪」ができあがる。 もちろん無害だし（食べても害はないけど、食べるものじゃない、とのこと）、数週間は溶けないでいてくれるというスーパースノーだ。また、いらなくなったら掃除機で吸い取って捨てるのも簡単である。 これがあれば雪のない地域でもさまざまなパーティアイデアが思いつきそうです
prototype.jsを用いたフォントサイズ変更スクリプト
Posted by: Hirotaka Ogawa @ January 11, 2007 02:57 PM | Movable Typeを触っている時間がとれないのですが、新年に入ってからちょっとばかしテンプレートとスタイルシートを変更して、ほぼ一カラム、ほぼfont-size: 100%で表示されるようにしました。要はレイアウトとか考えるのを最小限に留めようと思ったわけです。不得手なデザインをこれ以上考える必要がないという私個人の精神衛生上の利点に加え、読者の目にも優しくなりました。 結論: でかフォントは人を健康にします。 それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
