タグ

ブックマーク / jmblog.jp (3)

  • Sass の if 関数 - jmblog.jp

    これは CSS Preprocessor Advent Calendar 2012 の 5 日目の記事です。 今日はあまり知られていない Sass の if 関数について紹介したいと思います。 Sass には、条件分岐のための制御構文として @if ディレクティブ(いわゆる if 文)が用意されています。 $type: ocean; p { @if $type == ocean { color: blue; } @else { color: black; } } Sass の紹介記事の中では必ずと言っていいほど出てきますし、皆さんも一度は使ったことがあるのではないでしょうか。 実はこの @if ディレクティブ以外に、Sass には if 関数が標準で用意されています。 上のコードを if 関数を使って書き直すと、次のようになります。 $type: ocean; p { color: if(

    Sass の if 関数 - jmblog.jp
  • jmblog.jp - OS X の Terminal.app で lsコマンドをカラー表示にする方法

    Terminal.app で lsコマンドを実行したときに、ディレクトリやファイルの種類によって文字の色を変える方法について調べてみました。OS X のバージョンは 10.5.6。シェルは bash です。 探してみるといろんな方法があるようですが、Color Your OS X Command Prompt - MacTips で紹介されていた方法が一番簡単でした。 ~/.bash_profile に次の二行を追加する。 export CLICOLOR=1 export LSCOLORS=DxGxcxdxCxegedabagacad LSCOLORSの値が色の指定になります。詳しくは、man ls で LSCOLORS の項目を参照してみてください。上記の例は、ターミナルの背景が黒っぽい場合にあわせたものになってます。(change ls colour (color) in bash -

  • jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる

    IE6以下では、:hover擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。 » WEBFACTORY ::: BLOG: IEでhoverをa以外に効かせる » Hackadelic: csshoverを使ったWeb StandardなCSSコーディング それぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。(ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。) 使い方は、css で以下のように書くだけ。

    edo_m18
    edo_m18 2008/09/25
    [:hover][behavior]Javascriptを介入させるけど、IE6が減少していくなら使ってもいいのかも。
  • 1