Entries
不具合対応
私の制作したテンプレの中に疑似要素を全称セレクタを使用してcontentプロパティの初期化を行っている箇所があります。
*:before, *:after {
content : "";
}
一部のブラウザ（Netscpae・Opera等）で色々と不具合が発生するようですので、気になる方は上記部分をコメントアウトするなり、削除するなりして下さい。通常利用であれば削除しても影響はありません。...
フォントサイズ近似転換表
他人事ではないが、文字サイズが異様に小さいサイトが多い。特にIEでしかチェックをしていないサイトはその傾向が強いと思う。毎回、閲覧するたびに拡大を強いられるサイトは精神衛生上好ましくない。読者が読みやすいフォントサイズを設定するために自分を含めて啓蒙したい。
Approximate Conversion from Points to Pixels
PointsPixelsEmsPercent
6pt8px0.5em50%
7pt9px0.55em55%
7.5pt10px0.625em62.5%
8pt11px0.7em70...
外部スタイルの文字化けを回避
MacOSXの標準ブラウザであるSafariには外部スタイルシートでcontentプロパティの値に日本語を含む多バイト文字を指定すると文字化けして表示されるというバグがあります。
対策としては指定する値をバックスラッシュ（日本語では¥記号）を用いたエスケープを行うことで文字化けを回避出来ます。外部スタイルシートの文字コードをUCS-2にする事でも回避出来ますが、それ以外の文字コードを使用した場合には@charsetを明示して...
外部リンクにアイコンを付ける
CSSの実装が貧相なInternet Explorerを使っている人はなかなか気づかないと思うのですが、少し前から外部リンクに対してアイコンが付いている事にお気づきでしょうか？普段からMozilla FirefoxなどのCSS2実装が進んでいるブラウザを常用にしている方であれば既にお気づきだと思います。
CSSにはcontentという要素の直前、または直後に新しく追加する内容を設定出来るプロパティがあります。非常に便利なプロパティですが残念な事...
画像の回り込み解除
先ほどカスタマイズ掲示板にレスを書いていて気づいた事があったのでメモ記事。
ファイルのアップロードからエントリーすると自動挿入されるタグだけど終端に付いてくる<br clear="all">だけど不要な気がした。画像の回り込みを行っているテンプレであればいいのだが、回り込みを行っていないテンプレには不要なタグ。回り込みを行う人が個別に挿入するか、挿入タグに回り込み有りと無しの二種類を用意するかで対応して欲し...
画像の装飾
近日、公開される予定のカスタマイズマニュアルにも同様の記事を載せようと思っていますが先行して画像の装飾方法を説明します。...
MacIE文字化け対策
マッキントッシュ版のIEにはテキストエリアなどに日本語表示が可能なフォントが割り当てられていないと文字化けを起こすというバグがあります。対処方法はCSSの編集にて日本語表示が可能なフォントを割り当てる事で解決出来ます。
textarea,select,input {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Helvetica","Arial","Verdana","ＭＳ Ｐゴシック",sans-serif;
}
本家サイトでは随分前に記...
あのロリポップが運営する次世代レンタルサーバー「チカッパ！」
ブログ・CGI・PHP・MYSQLが使えて容量500MB〜1GBまで選択出来ます！
