Monthly Archives: 4月 2008

ウェブデザイナーのためのRuby on Rails(ERbの使い方) submitにイメージ画像を使う

前回のウェブデザイナーのためのRuby on Railsが好評だったため更に追加!
submitボタンを画像にする方法です。

CSS 角丸グラデーションボックス

html

あいうえお
あいうえお
あいうえお
あいうえお
あいうえお

css

.box_01 {
background: url(images/box_01.gif) no-repeat top;
[...]

CSS javascriptを使わずmin-heightをIEで使えるようにするCSS

今はjavascriptでやるのが主流?
とりあえず今回はCSSで対応しました。

div {
min-height: 100px;
height:auto !important;
height [...]

ソースコード表示に便利なsyntaxhighlighter

ブログに貼り付けたソースを見やすくしたいため色々調べてみるとsyntaxhighlighterがいろんなサイトで使われていたのでご紹介。
DL:http://code.google.com/p/syntaxhighli [...]

CSS Firefoxのリンクの線を消す方法

CSSにて背景画像(画像置換)をしてリンクを付けている場合、Firefoxで閲覧するとはみ出てアウトラインが表示されてしまいます。
そこでこのアウトラインを表示させない方法のご紹介。

a {
outline: n [...]

CSS 背景画像(画像置換)を使わないロールオーバー

前々から画像置換を使ったボタンってどうなの!?って思っていました。
そこでjavascriptを使わずにロールオーバーする方法のご紹介。
サンプルはこちら

[覚書]Photoshopで日本語入力が利かなくなった時の対処法

Photoshopを使っていて日本後入力ができなくなる事がたまにあります。
そこでショートカットをよく忘れるので覚え書き。

alt+半角キー

ウェブデザイナーのためのRuby on Rails(ERbの使い方)これだけは覚えよう!

今回はじめてRuby on Railsを使った案件を行いました。
そこで最低限覚えておく3つのヘルパーを紹介します。
※RailsではERbが使われているので、<% %>がコードとして解釈されます。
[...]