1. トップ

アンカーリンクをしたときに便利な:target擬似クラス

ページが長い場合などに、ページ内リンクをよく設置するかと思います。

ただリンクを押したらパッと移動してしまって、該当部分がどこなのかよくわららない時もあります。(最近はゆっくりスクロールしていくJSがついている事も多いですが)

そのときにこの:target擬似クラスを指定すると、その該当部分にCSSで装飾できます。

  • 続きを見る

  • Category:CSS
  • Date:2010年6月20日

どのブラウザでCSS3が使えるかがわかるチェックリスト

便利な指定ができるCSS3ですか、どれが対応しているのかわかりづらいと思います。

どのブラウザが対応しているかのブラウザ別CSS3対応表がありましたので、メモ。

  • 続きを見る

  • Category:CSS
  • Date:2010年6月17日

tableのセルに交互に色をつける方法

テーブル(表)を使うとき、見やすいよう交互に色を付ける事が多いかと思います。その際、HTML側に交互にclassをつけていく方法ではとても大変です。 また、更新が入った時はまたclassをつけなおさないといけなくなります。

この方法を知る前は、一つ一つclassをつけなおして大変でした・・・

以下にjavascript(jQuery)とCSSを使って自動的に交互に色を付ける方法をメモしておきます。

  • 続きを見る

jQueryを使ったアコーディオン

テキストや画像などをクリックすると隠れていたコンテンツがでてくるアコーディオンのサンプルをjQueryを使って作成しました。 もっと汎用的なものが他にあると思いますが、検索で調べるものは自分には複雑だったりするので・・・

  • 続きを見る

Movable Typeのパスワードを忘れたとき

よく使っているMovable Typeですが、極まれにログインパスワードを忘れたりしてしまいます。

「パスワードを忘れたら・・・」という項目があるので、それで解決すれば問題なしですが、テスト用で適当にメールアドレスを登録していたりして、解決できないときがあったりします・・・。

  • 続きを見る

Web制作の時に使用しているFirefoxのアドオン

Web制作をしている時は、ブラウザはFirefoxを使っています。アドオンがたくさんあって便利ですよね。

そこで自分が使っているアドオンをメモしておこうと思います(仕事や家でよく使っているもの)。急に違うパソコンになっても平気なように。(実はこういう記事を書こうと思ってメモ しておいたら、数日後に会社のパソコンが動かなくなって思い出しながら入れなければならない状況に陥りそうになりました。この時はセーフモードで動いたので、 いきなり使えなくなったりせずに済みましたが。)

  • 続きを見る

4  5  6  7  8  9  10  11  12  13  14