以前、CSS3 セレクタをまとめたエントリーを 3回にわたって上げましたが、それらをまとめる意味で CSS3 セレクタのチートシートを作ってみました。 本当は、サンプルソースとか、セレクタに関する説明とか色々入れようと思ったんですけど、A4 サイズ 1枚にまとめるのはスペース的に不可能だったので、単純な CSS3 セレクタ一覧になっちゃいました。残念。 CSS3 セレクタチートシート （PDF） ※PDF ファイルは URI が変わる可能性がありますので、ブクマする際はできればこのエントリーにして頂いた方が安全です。 今回、チートシートのフォーマットは、Microformats Cheat Sheet を参考に作らせてもらいました。右サイドに IE7、IE6、Firefox、Opera、Safari それぞれでの各セレクタ対応状況を簡単にまとめてあります。 なお、対応状況のチェックには、c

結構前になりますが、Lucky bag::blog さんで 「こんなセレクタが CSS にあれば便利なのにと思うセレクタ」 っていうエントリーが上がっていて、この記事自体はエントリーされた当時も読んだんですがそのときは特に反応せず。 ところが、先ほどたまたま過去記事たどりつつ読み返していたときに、ふと 「あったらいいなーっていうセレクタかぁ」 と考えてみましたので、いまさら感は多分にありますが書いてみたいと思います。 ちなみに、深く考えずに勢いで書いているので、なに寝ぼけたこと書いてんの？ と思っても大目に見てかるーく流してください。 で、あったらいいなは色々あるんですけど、例えば CSS のセレクタ仕様ってマッチングさせる際に細かい条件分岐ができないっていうのが不便なところかなぁなんて思っていて、CSS2 なんかでも属性セレクタや、CSS3 の属性セレクタ、擬似クラスなんかを使用できれば

前回の続きです。今回も引き続き、CSS3 で定義予定のものも含めて、CSS セレクタのリファレンスいきます。 今回は擬似クラスを中心に取り上げてみますが、CSS3 では擬似クラスが大幅に拡張されていますので、見慣れないものばかりかと思いますが、知っておくといいかもしれません。ただし、ブラウザのサポートはまだまだですので、実用性は高くないと思います。 擬似クラス (Structural pseudo-classes) E:root ドキュメント内のルート要素である E という要素にスタイルを指定します。CSS3 で定義。(X)HTML においては、ルート要素は html 要素になるので、 :root { margin:0; padding:0; } とすれば html 要素にスタイルが適用されます。XML の場合は、DTD で指定されたルート要素に対して適用されます。 E:nth-child

CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説

前回の続きです。今回が最終回、擬似要素を中心にまとめています。 擬似要素についてですが、CSS3 では擬似クラスと擬似要素を明確に区別するため、擬似要素に関して... 前回の続きです。今回が最終回、擬似要素を中心にまとめています。 擬似要素についてですが、CSS3 では擬似クラスと擬似要素を明確に区別するため、擬似要素に関しては、「:」 を 2回使って、「::」と記述することが定義されています。CSS2 までに準拠してコーディングする場合は従来どおり、「:」 1つの記述方法でも問題ありませんが、将来的にはこの記述方法が基本になる予定ですので、今回は仕様書に合わせて 「::」 と記述しています。 この 「::」 方式の記述ですが、実はモダンブラウザの多くはすでにこの記述方法に対応してたりしますので、今でも使えちゃいます。 擬似要素 (pseudo-element) E::first-line

あれからちょっとサンプルを足しました。Javascript で遊ぶためのツールです。阿部さんの作ったサインカーブも使わせて頂いております。あれから3日程 IE への対応で悩みましたが停滞中。私が阿呆なのか IE が悪いのか分からないが、特にレイアウトが理解に苦しむ難しさです。 http://tinlizzie.org/chalkboard/ja.html 追記 ちなみにソースに興味がある人は以下に置いてあります。 http://tinlizzie.org/svn/trunk/chalkboard/

今さっき何となく形が見えてきたので URL を晒します。 http://tinlizzie.org/chalkboard/ja.html 前作った Javascript Workspace http://metatoys.org/propella/js/workspace.cgi とコンセプトは同じです。リッチテキストを使えたり、色々気を使っている所が違います。IE 以外では大体うごくんじゃないかと思います。

対象OS：Windows 2000 Professional／Windows XP Professional／Windows XP Home Edition／Windows 2000 Server／Windows Server 2003 解説 Windows OSには、ファイル共有やプリンタ共有など、さまざまなリソースを共有（公開）するサービスがある（サービス名は単に「Server」サービスとなっている）。このような公開されたリソースに対してクライアントが接続を行う場合、内部的には、最初に「IPC$」という共有名に対して接続要求が行われる。そしてユーザー名やパスワードなどのログオンのためのアカウント情報が渡され、それらが正しいものであれば（サーバ側で認証されれば）、希望する共有リソースにアクセスすることができる。共有リソースにはファイルやプリンタ共有だけでなく、例えば、名前付きパイプやリモ

共有フォルダは、ネットワーク上のほかのパソコンとデータを共有するのに便利だ。Windows2000/XP Professionalならば、ユーザーごとのアクセス制限などが細かく設定できるが、同じネットワークに存在するマシンならば、全員に共有しているフォルダの存在が知られてしまう。 すべての人に存在を知られるのは嫌だが、特定の人とだけ共有フォルダを利用したいという場合は、ネットワークの一覧に表示されない共有フォルダを作成してみよう。共有フォルダ名の末尾に「$」を付けることで、ネットワークの一覧に表示されない共有フォルダが作成できる（「管理共有」と呼ばれる）。このフォルダのフルパスを指定すれば、ネットワークに接続している人はこのフォルダを開くことが可能なので、必要な人にだけフルパスを教えればOKだ。

WindowsXPでフォルダを共有する場合，フォルダを右クリックして「共有とセキュリティ」から「ネットワーク上でこのフォルダを共有する」にチェックを入れればよい。しかしこのままでは，ネットワーク上のどのユーザーからもアクセスが可能になっているのだ。これはセキュリティ上好ましくないのは言うまでもないだろう。 Windows2000などのように，ユーザーごとにアクセス許可を与えるためには，エクスプローラの「ツール」－「フォルダオプション」から「表示」タブを選択し，「簡易ファイルの共有を使用する」のチェックを外す必要がある。なお，この設定はWindowsXP Professionalのみ可能で，Home Editionでは利用できない。 共有したいフォルダを右クリックして「共有とセキュリティ」を選ぶと，デフォルトではこの画面が起動して共有設定が可能だ。ただし，このままではすべてのユーザーからアク

WindowsXPマシンとWindows98/Meのマシンを共有接続して利用している場合、WindowsXP側からWindows98/Meの共有フォルダは利用できるのだが、WindowsXPに設定している共有フォルダにアクセスすると、パスワードの入力を求められてアクセスできないことがある。このときには、Windows98/Meのログオン時に利用しているユーザー名をWindowsXP側に登録して、アクセス許可を与えればよい。デフォルトでは「Everyone」になっているので、ログオン名さえ登録すれば利用できるはずだ。なお、初期設定ではネットワークウィザードにより共有設定を行うようになっているが、利用するユーザーの制限などができないため、「ツール」－「フォルダオプション」の「表示」タブから「簡易ファイルの共有を使用する」のチェックをはずして、利用者ごとに共有許可が与えられるようにしておいたほう

WindowsXP Professionalを利用している場合、「共有フォルダを他人に分からないように作成したい」Tipsで「$」をフォルダ名の最後につけてアクセスしても、フォルダが参照できない場合がある。これは「簡易ファイルの共有」を行っているためで、マシンにアクセスしてきたユーザーは「Guest」として認識されるからだ。Guestアカウントを有効にすればよいのだが、それだとすべての人からアクセスが可能となってしまい、アクセスを制限したいという、本来の意味からははずれてしまう。 そこで、「共有接続しているWindowsXPマシンが参照できない」Tipsの手順で、「フォルダオプション」から「簡易ファイルの共有を使用する」のチェックをはずしてしまおう。そうすれば「$」マークを利用したアクセスが可能となる。なお、できる限り「共有フォルダをユーザーごとにアクセス許可したい」Tipsのように、ユー

Displays a list of domains, computers, or resources that are being shared by the specified computer. Used without parameters, net view displays a list of computers in your current domain. Syntax net view [\\ComputerName] [/domain[**:**DomainName]] net view /network:nw* *[**\\**ComputerName] Parameters \\ ComputerName   : Specifies the computer that contains the shared resources that you want to vi

InformationWeekが確認したところによると、『Google Chrome』が近い将来アドオン対応となるそうです。アドオンを理由に『Firefox』から離れられなかったユーザたちが、これでGoogle Chrome王国へこぞってやって来る可能性が出てきました。通常のアドオンに加え、Greasemonkey風のスクリプトも対応となる、とのこと。 GoogleのエンジニアであるOjan Vafaiによると： アドオンと言うのは2種類あり、Firefox用のアドオンのようにブラウザの機能を拡張させるものが一つ。もう一つはユーザスクリプトです。Google Chromeはその両方をサポートする予定でいます。グリースモンキーの創始者であるAaron BoodmanはGoogle Chromeチームで今現在業務に携わっています。 VafaiはFirefoxの不安定さを指摘し「Googleのア

熱狂のリリースから1週間...その後『Google Chrome』は使っていますか？ かなり使い倒している人も、すでに元使っていたブラウザに戻った人も、はい注目！　今回は、さらに深い『Google Chrome』の機能とオプションを探す旅にお連れいたしましょう。加えて、ちょっと気の利いた『Google Chrome』のブックマークやテーマ、アドオンなどを使って、動作やスキンをカスタマイズする方法なんかもご紹介しちゃいますね。 詳細は、以下にてどうぞ。 『Google Chrome』上でのマウス操作について 余分なものを排除したミニマルなブラウザにも関わらず、『Google Chrome』のインターフェイスには、かなり便利な機能が搭載されています。たとえば、マウス操作。ここに挙げたTipsを使えば、きっとブラウジングの効率がかなり向上されると思いますよ。 ■「←」「→」ボタンのクリック＆ホー