Category » web topics

XHTMLにjQuery(JavaScript)を記述する

<script type="text/javascript">
/* <![CDATA[ */
jQuery(function($){
  // ここに処理を記述
});
/* ]]> */
</script>

CDATAセクションの書き方をいつも忘れるので自分用にメモ。
「/* */」でCDATAセクションをコメントアウトしているのは、IE6で構文エラーとなるため。

tableの外枠線だけを消してみる

tableの外枠にborderがないデザインってのがたまにあります。そんな時、以下のような力技でデザインを再現しているのを見かけたりしませんか?

  1. セル(th、td)のborder-topやborder-leftだけにborderの指定
  2. table内のタグ(tr、th、tdなど)にclassをつけて不要なborderを削除

でもこれだとHTMLもCSSも煩雑化していてあまりイケてないですよね。
そこで今回はCSSのみで解決する方法を考えてみました。

Firefox用アドオン「Ubiquity」のススメ

Ubiquity

Mozilla Labsの「Ubiquity」が何気に便利です。
簡単に説明すると、Firefoxをコマンドラインで操作する拡張機能ですが、ちょっとした調べものなんかで重宝しています。

Macユーザーはoption + space、Windowsユーザーはcontrol + spaceでUbiquityを呼び出すことができます。呼び出しキーは「各種設定」画面にて変更可能です。
※アドレスバーに「about:ubiquity?settings」と入力すると設定画面を開けます。

ランチャー使いの人もそうでない人にもオススメです。