Compassでベンダープレフィックスなどのブラウザーサポートを制御する方法

このブログでCompassを紹介して、もう1年以上たちましたが、なかなか普及しないなぁっと思って、色々みていると、ドキュメントや、サンプルコードが乏しいという理由が多いようで、だったらということで、頑張って色々書いていこうと思う。とりあえず、今回はいらないベンダープレフィックスとかを出力しない設定をする方法を紹介します。 Compassのクロスブラウザサポート設定 Compassでは元々ブラウザーサポートを制御する設定があり、設定ファイル(config.rb)ではなくコンフィグレーショ...

Sassを使ってレスポンシブウェブデザインにする時に覚えておいた方がいいこと4つ

このサイトをメディアクエリー使ってレスポンシブウェブデザインって奴にしてみたんですけど、Sassを使うにあたって、色々思った事や、引っかかった事があるので、まとめてみます。大きく分けると以下の4つ ブレイクポイントは変数に @mediaはネストできる ネストするとコンパイル後のソースが増える @extendを使えない ブレイクポイントは変数に @mediaの後に書くブレイクポイントって長いですよね。Sassの3.1ではできないんですが、最新版の3.2では変数を使う事ができます。...

Vimのcss_color.vimをscssファイルにも適用してみた。

むかーしインストールして、CSSファイルで試して動いた!って思ってそのまま放置してたのですが、実は、うまく動いてたのは、最初に試したCSS>ファイルだけで、その後一度も純粋なCSSファイルを触ってなくて、css_color.vimが効いて無いことすら気づいてない状態だったのですが、.vimrc久々にいじってたら、アレってなったので、一応対応してみた。対応は簡単で、css_color.vimを入れると、~/.vim/after/syntax/css.vimってファイルが出来ると思うので...

リニューアルしてたらなんとなくWordpressの作業の流れが固まってきた。(下準備編)

これでデザインを変えたのは4回目になります。このブログは2007年にはじめて5年目になるのに、記事数が30にも満たないという、えげつないペースでの更新頻度ですが、裏側は結構いじってます。リニューアルするにあたって、Jykellを使おうかと思ったんですが、サーバー乗り換えなきゃいけないっぽかったので、今回もWordpressでいきました。今回の作業で、自分のやり方が固まってきたので、こんな感じで作業してますってのを書いてみます。もっとこうすればいいのにってのがあれば、突っ込んでもらえると助か...

CSS4で追加されるかもしれないテーブル周りの擬似セレクタについて

CSS3では、:nth-childなんかが追加されて行を特定してマッチさせる事ができるようになったり、:emptyで空の要素を指定できるようになって、かなり便利になったんですが、Level 4ではさらに列をマッチさせることができるようになるっぽいです。追加されるのはGrid-Structural Selectors(表構造セレクターと訳せばいいのかな?)で以下の三つ。 :column(selector-list) :nth-column(an+b) :nth-l...

« Newer Posts Page 2 of 8 Older Posts »