make a record of…: 2015

2015/04/19

keyframesアニメーションをメディアクエリの中に書くとIEで動かない

keyramesアニメーションを@media ....の中に書くと、IEではそのkeyframesアニメーションが動かない。

keyframesアニメーションはmediaクエリの外に書かないといけない。
ちょっと引っかかってしまった。
日本語の情報が見つからなかったのでメモっとこう

2015/02/20

[compasscss] cssスプライトのファイル名をシンプルにした場合のキャッシュ対策

view plain print ?

compassのcssスプライト作成時にファイル名につく乱数を削除して、シンプルな名前にすることができる。

compassのcssスプライト作成時にファイル名につく乱数を削除して、シンプルな名前にすることができる。

view plain print ?

参考：<a href="http://satussy.blogspot.jp/2013/08/compass-css.html">[compass] cssスプライト画像のファイル名をシンプルにする</a>

参考：[compass] cssスプライト画像のファイル名をシンプルにする

view plain print ?

これだとファイルがキャッシュされて、ファイルを変更しても古い画像が表示されてしまう可能性がある。

これだとファイルがキャッシュされて、ファイルを変更しても古い画像が表示されてしまう可能性がある。

view plain print ?

その場合は下記のコードをconfig.rbに追加。

その場合は下記のコードをconfig.rbに追加。

view plain print ?

「**.css?Owoiu93k2djhr」という風にファイル名の後ろに乱数をつけてキャッシュを読み込まないように対策できる。

「**.css?Owoiu93k2djhr」という風にファイル名の後ろに乱数をつけてキャッシュを読み込まないように対策できる。

view plain print ?

on_stylesheet_saved do |filename|
if File.exists?(filename)
css = File.read filename
File.open(filename, 'w+') do |f|
rand = rand(100000000)
str = '.png?' + rand.to_s
f << css.gsub(%r{-s[a-z0-9]{10}\.png}, str)
end
end
end
# ----------------------------------------

on_stylesheet_saved do |filename|
  if File.exists?(filename)
    css = File.read filename
    File.open(filename, 'w+') do |f|
     rand = rand(100000000)
     str = '.png?' + rand.to_s
      f << css.gsub(%r{-s[a-z0-9]{10}\.png}, str)
    end
  end
end
# ----------------------------------------