「 HowTo 」 一覧
opacityの書き方 クロスブラウザ
- 2014/10/30
- 2014/06/20
- HowTo
今までも書いてましたが、ほんとIE嫌い。 そして、これからもまた同じ事書くでしょう。 さて。クロスブラウザでIE対策といいますか、特にIE7,8のためには（IE6はスルーしてます）色々と試行錯誤しないとダメですよね。 その中でもよく使うのがopacity。 なのでcssでのopaci…
Firefoxでなぜか消える、Tableのborder対策、cssのみでの解決法
Firefoxでなぜか消えてしまうTableのborder、いつもじゃなく、たまになのでこれがやっかい。。原因がわからない。要するにFirefoxのバグのようですね。 なので、↑のようにその消えるborder部分が現れた時は、その消えた部分のthやtdに直接borderを記述したり…
WordPressで “SyntaxHighlighter” を使って、ソースコードをキレイに書く方法
- 2024/06/29
- 2013/09/23
- HowTo
よくwebデザイナーさんやクリエイターさん、プログラマーさんたちの書いてるwebサイトを見たら、ソースコードを、 <body> <div id="SyntaxHighlighter"> <a href="#&quo…
wordmark.it でフォントを選ぶ方法
- 2013/09/27
- 2013/09/22
- HowTo
フォント選びって結構大変ですよね。使用するフォントによって、そのサイトなりデザインの印象が変わってくるので、色選びもそうですが、フォント選びはふぉんと大変。…やば。。 昔、というかこのサイトを知るまでは、こんなものを作って、これを参考に選んだりしてました。 でも邪魔くさいというか、使…
onMouseOver、onMouseOutで、簡単にテキストを切り替える！
- 2014/10/30
- 2013/09/22
- HowTo, Webデザインテクニック
前回のonMouseOver,onMouseOutで簡単に画像を切り替える！の続き、応用編です。 実はこちらサイトのそれぞれの記事の下にある、『☆ 続きを読む』って部分を、マウスオーバーした時に、文字を変えてちょっと変わった感じにしてみたくなったんですね。でもそんなこと今までした事なかったので…
onMouseOver、onMouseOutで、簡単に画像を切り替える
- 2014/10/30
- 2013/09/22
- HowTo, Webデザインテクニック
今までマウスオーバー等で画像を切り替える時は、jQueryを使ったり、cssで画像を重ねてopacityで画像を透過させたりしてました。 反対に言えば、このやり方しか知りませんでした。恥ずかしながら。。 でもある時どうしても上記の方法ではうまくいかない事があり、onMouseOver、onM…
