query: tag:css

RubyKaigi会場にて、もろはしさんから、はてなスターを連打できないのはけしからんという訓示をいただきましたので、cuzicさん主催のHackathon会場からささっと対応してみました。

とはいっても、CSSで以下のようにRtoLのDirectionを指定しているだけです。

css>>
.star{unicode-bidi: bidi-override}
.star{direction: rtl}
<<--

追記

沢山ついたStarが数字で省略された場合に、
数字部分が左右反転されてしまうと都合が悪いので、
さらに以下のようなCSSを記述しました。

css>>
.hatena-star-inner-count {unicode-bidi: bidi-override}
.hatena-star-inner-count {direction: ltr}
<<--

posted by genki genki on Sun 22 Jun 2008 at 00:04 with 0 comments

このブログの背景画像を設定は、
以下のような感じのCSSで中寄せしているのですが、
これがなぜか、OperaとSafariでは右側に1 pixelずれてしまいます。

css>>
html {
background: #DCDCDC url(/images/bg.gif) top center repeat-y
}
<<--

しょうがないので、サーバサイドでそのようなブラウザを検出して、
中寄せしているBlock要素の左側に、以下のように1 pixelだけ
paddingを入れています。

css>>
#base.center-fix {padding: 0px 0px 0px 1px}
<<--

こういう微妙な挙動の違いは、acidテストのような見た目で判断する
テストではわかりにくいのかもしれないですね。

posted by genki genki on Fri 22 Feb 2008 at 03:55 with 0 comments

javascript_include_tagstylesheets_link_tag
:cache => trueオプションは、複数のassetsファイルを
ひとつのファイルにまとめる事で、サーバへのリクエスト
数を減らすことができる機能です。

何度か実験してみたところ、生成されたキャッシュファイルを
削除して更新するためには、単純にファイルを削除するだけ
ではだめで、APサーバのプロセスを再起動する必要があるようです。

このためには、./script/process/reaper -a graceful
を使う必要があります。タイプするのが面倒なので、
Rakeタスクを作ってみました。

lib/tasks/cache.rake

rails>>
namespace :tmp do
namespace :cache do
desc 'Delete cached asset files'
task :update do
patterns = [
'public/stylesheets/cached_*.css',
'public/javascripts/cached_*.js']
Dir.glob(patterns).each do |path|
rm_rf path
puts "deleted: #{path}"
end
./script/process/reaper -a graceful 2>&1 > /dev/null
puts "script/process/reaper -a graceful"
end
end
end
<<--

生成されるキャッシュファイルの名前を
:cache => "cached_#{controller.controller_name}"
と指定しているため、こんな感じになります。
デフォルトでは、all.cssall.jsとなりますので
適宜読みかえてください。

posted by genki genki on Sat 12 Jan 2008 at 23:09 with 0 comments