WordPress

最近、文字サイズの切り替えボタンを設置しているサイトも多くなってきましたね。
自治体や病院など公共性の高いサイトを中心に、導入が進んでいるようです。
僕自身も医療系のサイトに関わることが多いのですが、「設置して当然」の要件となりつつある感じ。
まー、正直「周りがやってるから」というのが主な理由なんですが、結果としてユーザビリティやアクセシビリティにつながるなら良しとしましょう（誰

今回は、その「ボタンをクリックして文字サイズを変更」する機能を実現する方法について、定番を 1 つと、新しく見付けたのを 1 つご紹介します。
定番の方は、プラグインを追加するだけなので手軽＆気軽にできるのが特徴。
新発見の方は、いろいろ書かないといけないので若干メンドくさいですが、その分、変更するスタイルの種類を混在させること（文字サイズ＆背景色 等）も可能となっております。
続きを読む

float を使って段組みのレイアウトにしているとき、印刷がおかしくなることが多々あります。
というか、おかしくならないことの方が多い。
というか、float を使ってなくてもおかしくなることの方が多い。
（特に、IE6、IE7、IE8、Firefox あたり）

そんなとき、こんな印刷用 CSS を作っておいたら解決するかもよ！ 的な内容です。
続きを読む

以前、とある案件で WordPress を導入したとき、投稿の添付画像を表示する機能を導入しました。
ヒーヒー言いながら作ったことを思い出しますね……。

で、今回また別の案件で使うことになったので、その部分だけエントリーとして残しておきます。
せっかくの資源は使い回さないと、もったいないですからねぇ。
リサイクルリサイクル。

うろ覚えなので、とりあえずコードだけ載せときます。
思い出したり気が向いたら解説する……かも。
続きを読む

CSS3 には「text-shadow」というプロパティがあり、これを指定するだけでテキスト要素に影を付けることができます（色や距離やぼかし具合もコントロール可）。
ただし、IE 以外ですが。例に漏れず。

IE9 からは CSS3 にもある程度対応するそうですが、現行の IE8 までは完全に無視されます。

で、IE でも CSS3 を使えるようにしたり、ドロップシャドウを擬似的に実現する方法が幾つかあるらしく、色んなところで紹介されています。

• IEでもCSS3　その１（ie-css3） | ダリの雑記：WEBプログラム版
• IE6-8でもCSS3に対応するライブラリまとめ:phpspot開発日誌
• IEでCSS3を使う | Coder's Note
• IEでCSS3のドロップシャドウを使いたい
• IE に なんちゃって text-shadow: を実装する試み – latest log

ただ、なぜか上記の方法ではうまくいかず、結局「IE の独自拡張を直に書く」というベタ（？）な方法に辿り着きました。
なぜ他の方法が使えなかったのか、詳しい経緯は覚えてません。
ひょっとしたら、「本当はうまくいってたけど設定が間違ってて出来ないと勘違いした」なんてケースもあるかも……。
ちゃんと履歴は残しとかないとダメですねすいません。
続きを読む

メモ的エントリー。
タイトルのまんまです。

Web ページを表示するときには、まず HTML やら CSS やら JavaScript やら 画像やらをダウンロードする必要があります。
それら各ファイルを圧縮することで転送量を小さく抑え、結果的にパフォーマンス向上（時間短縮）に繋げましょう、というお話。
ページのつくりにもよりますが、70～80% くらいフツーに圧縮されちゃいます。強力。

自宅サーバーや専用サーバーを使ってる場合は Apache の設定を直接いじることも可能ですが、今回はとりあえずパス。
httpd.conf あたりを触ることになるんでしょうけど。

あと、「gzip」とは何ぞや、というのも、正直よく分かりません。
昔から使われてるし一番普及してるし圧縮率も高いし使用制限とかもフリーだし標準化もされてるし、っていう感じなので、あまり深く考えず乗っかった方が良さげかな、と。
続きを読む