JavaScript でページ読み込み時にページをふんわりと表示させる方法

JavaScript を使って HTML ページの読み込み時にページをふんわりとフェードインで表示させる方法をご紹介します。

フェードインで表示させるには、ページの opacity をいったん 0 (透明)にしておいてその後にアニメーションで 1 (不透明)に戻していきます。 jQuery を使うとアニメーション処理がかんたんです。

jQuery で複数のクラスをまとめて追加する方法

jQuery で複数のクラスをまとめて追加する方法について。フォントアイコンなどを使うときなんかに便利です。

単純に addClass() メソッドに空白区切りで複数のクラス名を渡せば OK です。

$('a').addClass('fa fa-external-link');

逆に複数のクラスを削除する場合も同様の書き方で行けます。

$('a').addClass('fa fa-external-link');

便利ですねぇ。

Mac や Linux でディスクの空き容量を調べる方法

Mac や Linux でディスク( HDD や SSD )の空き容量を調べるには df コマンドを使いましょう。 -H コマンドを使うと人間が見てわかりやすい形で出力してくれます。

$ df -H

-h コマンドを使えば 1K = 1,000 ではなく 1K = 1,024 の計算で出力することもできます。

$ df -h

Drupal 7 でテーマのベーステーマが見つからないときのエラー

エラー

Drupal で有効でデフォルトになっているテーマのベーステーマが存在しないときに以下のような警告文が表示されます。 厳密にはエラーではありませんが、そのまま放置していても正常な動作をするようにはならないので広義のエラーと言ってもよいでしょう。

ページ