Webデザイン Archive

複数のAPIを利用してサイトをデザインしていると、予期せぬ事態が起こることがある。画像サイズがAPIによって異なったり、取得した文字数が多かったり…。これらはレイアウトが崩れる原因となる。前回は、画像をリサイズする方法について書いたが、今回は、CSSで文字数（行数）を制御しようと思う。

Read More...

当ブログはテキストメインで、非常にシンプルなテンプレートを利用している。それゆえに、画像が映える。というわけで、画像付き自作コンテンツマッチ広告作成に向けて、各種APIで取得した画像サイズを揃える方法を検討してみる。

Read More...

クリックされやすい広告（リンク）のヒントが、Google AdSense 公式ブログ「Inside AdSense」に掲載されていたので紹介しておこう。

Read More...

IE6.0で文字が消える現象について。

以下の項目に該当したら、IE6.0のCSSバグです。

・文字が消えるブロック要素に背景色を指定している
・文字が消えるブロック要素内にフロート配置した要素がある

Read More...

代替スタイルシートを利用することで訪問者にスタイルを選択させることが出来ます。Firefoxなどの比較的新しいブラウザでは、ブラウザ側で代替スタイルシートの選択が可能なのですが、トップシェアのIEでは、ブラウザ側で代替スタイルシートの選択は行えません。そこで、JavaScriptでCSS切替が出来るスクリプトを導入してみました。現在、このブログには導入していません。

Read More...

XHTMLに移行するぞ、と意気込んでXHTMLについて色々調べてみました。ここではXHTMLについて、極力難しい言葉は使わずに、XHTML初心者向けに噛み砕いた表現でXHTMLについてまとめています。こんなブログでもW3CのXHTMLとCSSの文法チェックを通ることが出来ました。

Read More...

Web標準とか、W3C勧告などという言葉は、私にとって苦痛の種なのですが、ここにきて、無視できない状況に陥ってしまいました。というのも、真面目にHTMLソースの見直しをかけ始め、XHTMLへの移行を決意したからです。

Read More...

3カラムレイアウトのブログテンプレートの作り方です。

3カラムレイアウトの組み立てには、様々な方法がありますが、音声ブラウザやCSS未対応のブラウザでも記事部分を一番最初に閲覧出来るように、htmlの記述は以下のようにします（細かい部分は抜きにして、大枠のみ記述しておきます）。

Read More...

ブログの配色を色々いじっていたら、あることを発見しました。それは、薄い背景では濃い色の文字が見やすく、濃い背景では薄い色の文字が見やすいということです。このことは私にとっては非常に有意義な発見だったのですが、恐らくこれを読まれた大半の人は、「それはそうだ」と納得してくれると思います。そして、恐らく大半の人は、当たり前の知識として記憶の片隅に追いやられてしまうのではないでしょうか。

Read More...