最近、周りでちょっとしたサイト構築ブームがあって、構築方法について聞かれることが増えてきています。 そこで、Webサイト構築についてまとめようかと思っている最中なんですが、ちょっと盛り込み過ぎてしまい完成までに時間が掛かりそうな雰囲気があるので、取りあえず小出しにしていこうかと思います。※「Webサイト構築」ってカテゴリー作りました。 その第一弾がWebセーフカラーを使わないデザインです Webセーフカラーはどんなパソコンでも間違いなく表現できるので、使った方が安心なんですが、216色しかなく、色的にもはっきりとした色（明度が高い色）が多くて、ばっちりした印象にはなりますが、ベタ塗りの領域が増えると若干(？)野暮ったくなっていきます。 そこで、Webセーフカラーへの拘りを捨てて、それ以外の色も使いながらデザインしていくと表現の幅が広がり、何気におされなサイトになっていきます。 Webセーフ

2008年5月6日に米Microsoftから、Windows XP用「メイリオ」フォントが公開されたので、早速ダウンロード＆インストールしてみました。 ブラウザ以外での使用も出来ますが、やはり気になるのはOSとブラウザによる表示の違い。ということなので、簡単なページを作って表示チェックをしたので、その結果を公開します。 表示テストに使用したページはここ(メイリオフォントテスト)で、ソースはこんな感じ。 <dl> <dt>[フォン指定：メイリオ]</dt> <dd class="meiryo"> <h2>What is "Meirio"?</h2> <p>情報収集の多くがパソコンによって行われている今日。<br /> スクリーンで文章を読む、ということはごく一般的になっている。<br /> では今までの書体が、このスクリーン上での読みやすさを<br /> どこまで意識して作られ、果たして読み

<< 2013年12月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 CSSを使ってサイトデザインをすると、DIVが大量発生し、しかも入れ子状態になることが多いです。 最初作ったときはいいですが、後で修正をするときなど、どこにどのDIVを指定していたかがわかりにくくなることがよくあります（コメントを活用する方法もありますが、それもソースが複雑に見える要因になります）。 そんな時に使えるのが、Bookmarkletを使ったDIVのclassやidの確認です。 実際の動作の前に、Bookmarkletについて Bookmarkletとは、 特定の動作を記述したJavaScriptプログラム（軽いプログラムのことが多い）を、ブラウザのブックマーク（お気に入り）に入れて、そのブ