javascriptで文字量に応じてtextareaの高さを自動リサイズ
formのtextareaを文字量に応じて高さを自動リサイズしてくれるjavascriptを発見しました。 初期表示をクールにしたいとかいう場合にいいかもしれません。 スペースとりたくないからって理由だと、文字入力してい…
javascript でチェックボックス全部にチェック！
んにちは。 早坂@magicalです。 今回はjavascriptでチェックボックス全部にチェックをつける関数を作ってみました。 DLは以下から。
CSSで要素の左側に画像を背景として配置する
要は、フッターなどでこういうデザインを実現したいときってことです。 text自体は左寄せで、p要素は右寄せ。そいでそのp要素の左側に画像を背景として配置する、ということです。 HTML
ポップアップウインドウをOnclickでなくclassで開く
ポップアップウインドウって、最近じゃ廃れてきていると思いますが、必要に応じて使いこなす必要があるわけです。 基本的にポップアップウインドウは、
CSSでクリッカブルマップもどき + Lightbox
クリッカブルマップとは 普通に画像からリンクしようとすると、1枚の画像からリンク先は1箇所です。 しかし、クリッカブルマップを使用すると、配置した1枚の画像の中に複数のリンク先を設定できます。 クリッカブルマップ 【cl…
ブラウザの上下左右の中央に要素を配置
横はtext-align:center;で簡単に中央に寄るんですが、縦は困ってしまいます。 tableの中だったらvertical-align: middle;で寄せれるんですが、そのためにtable作るのもナンセンスで…
Photoshopのレイヤー効果で完結する今風ボタン
例えば、こんな微妙なグラデーションの今風ボタン。 例えば、こんな鏡面反射っぽいの。 いちいちレイヤー増やしたり、色ごとに作成するのが面倒くさいので、Photoshopの機能にがっつり頼って作成してみます。 使用Photo…
リスト要素にlist-styleと背景色を指定する際の問題点
云わば、先日投稿したスタイル初期化したリスト要素にlist-styleを指定するときの注意から派生した問題です。 スタイル初期化したリスト要素にlist-styleを指定するときの注意の簡単なおさらい スタイル初期化した…
コピーライトの正しい表記について
サイトを作成する場合、確実に表記するものの一つにコピーライトがあります。 大概フッターに copyright 〜〜、といった形で表記すると思いますが、いろんな表記を見ます。 例えば、 Copyright (C) 2008…
テキストの可読性のチェック方法
どんなにステキな内容のテキストが書かれていたって、テキストが読みにかったらそれだけでマイナスです。 たとえば、白（#FFFFFF）背景に灰色（#CCCCCC）文字。読めません。 ということで、読みやすいであろう明度差、色…
背景が透明なGIF画像をページになじませたい
画像を作成した際、どんな背景であってもなじむように、画像の背景を透明化するということがあると思います。 これを通常手順でやると、透明化しても絵のふちが白っぽくギザギザしてしまいます。 この画像を置くページの背景が白であっ…
javascriptでウインドウを閉じる【フレームを抜けるバージョン】
前回Javascriptでウィンドウを閉じるを書きましたが、今回はそれの補足説明です。 Javascriptのonclick属性で javascript:window.close(); これで普通に閉じますが、フレームの…
javascriptでウインドウを閉じる
基本中の基本と言う感じですが、javascriptでウインドウを閉じる方法を。 windows.close();を使います。 ボタンの場合
リロード、スクロールで線・画像が消える。通称「いないいないばあバグ」
IE6のバグで通称「いないいないばあバグ」というものがあります。日本語訳しない状態では「peek-a-boo bug」。 リロードしたり、スクロールしたりすると、CSSで指定したborderやbackgrund-imag…