HiGash.Net ホームページへ戻る

Home [Blog]

Google Chrome向けにリセットCSSを微妙にアップデート

Google Chrome向けにリセットCSSを微妙にアップデート

かなりマイナーチェンジだけど、主にGoogle Chrome向けにほんの少しだけReset CSSとBasic CSSをアップデートしました。リセット用CSSに関する情報の需要は高くて、このブログを参考にしてくれてる人もいるみたいなので一応変更を加えたことを新規エントリーとして告知することにします。

対象ブラウザは、Internet Explorer 6.0 & 7.0、Firefox 2.0 & 3.0、Safari 3.1+、Google Chrome 0.3、Opera 9.27 & 9.5+です。Google Chromeを対象ブラウザに加えたほか、前回のエントリーからOperaが9.6に、Safariが3.2にそれぞれアップデートされていますので、それらも対象ブラウザに加えました。
使い方はもちろん変更無く、Reset CSS でブラウザのデフォルトCSSをリセットした後に Basic CSS を上書きして汎用的な基本スタイルを定義してあげます。

Read More...

Add to Social Bookmarks
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl
@niftyクリップ

IMGのalt属性・title属性について考える(後編)

IMGのalt属性・title属性について考える(後編)

今回のエントリーは前回に引き続き「IMGのalt属性・title属性について考える」の続編です。

「alt属性・title属性について考える」とか言っておきながら前回のエントリーは、イメージ画像はIMGかCSSの背景画像かという話に終始してしまった感があります・・・。エントリーの結論としては サイト制作時のポリシー次第 ということにしましたが、僕の場合はどちらかと言えばIMG派。
前編に書いた通り、Webページの背景ではなく前景にイメージ画像があるのだったら普通にIMGでいいんじゃないかと思うのです。さらに制作者サイドとして正直なことを言えば、画像に対してテキストの回り込みをする場合など、 制作面の技術的な難易度を考慮した際にIMGを使うほうが楽 というのも僕がIMG派である大きな理由です。

Read More...

Add to Social Bookmarks
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl
@niftyクリップ

IMGのalt属性・title属性について考える(前編)

IMGのalt属性・title属性について考える(前編)

alt属性が空なら、CSSで背景画像として扱うべきなの?CommentsAdd StarTRANS [hatena]

HTMLをマークアップしている時に、IMGのalt属性に何て書こうか悩むことってありますよね。

「この画像に意味(ふさわしい代替テキスト)なんて無いしaltは空にしとくか」っていう人は珍しくないと思うのですが、最近 「alt属性が空なら、CSSで背景画像として扱うべきなの?」 という面白い記事を発見したので、ちょっとalt属性や背景画像について自分なりに整理してみることにします。

Read More...

Add to Social Bookmarks
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl
@niftyクリップ

押さえておきたいWordpressプラグインまとめ[2008年10月版]

押さえておきたいWordpressプラグインまとめ[2008年10月版]

プライベートで知人のブログを作ることになり、久しぶりにWordpressを弄る予定です。

Wordpressで思い通りのサイトを作るために重要になってくるのが何と言ってもプラグインです。
Wordpressには「なんて便利なんだ!」と思うプラグインがたくさんあります。反面、「なぜこれが標準で実装されてないんだ?」と突っ込みたくもなるけれど、まだまだWordpressは発展途上だということなのでしょうね。

今回のエントリーはそんなWordpressのプラグインについて、個人的に重宝しているものや、いつか使ってみようとメモっておいたものをまとめてみました(Wordpress標準のAkismetとWP Multibyte Patchは除きます)。

Read More...

Add to Social Bookmarks
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl
@niftyクリップ

テキストをハコ組みする際のdivを計算して作ってみる

テキストをハコ組みする際のdivを計算して作ってみる

グラフィックデザインにおける文字組みはWebのように閲覧環境に左右されることがなく、トラッキングやカーニングによる文字間隔の調整もしやすいので、Webよりもずっと細かくデザイン設計ができます。
当然エディトリアルデザイン(雑誌や書籍などの編集デザイン)の場合はその傾向が顕著で、書籍や雑誌の誌面はかなり緻密に計算して文字を組んでいます。

グラフィックデザインでは “級(Q)・歯(H)” という単位を使って文字の大きさや文字間・行間などを設定します。QとHは写植時代からの日本固有の単位で、 1Qと1Hどちらも0.25mm です。
印刷物で文字の単位というと、一般的なのはポイント(pt)ですがプロのグラフィックデザイナーはあまりポイントでは作業しないと思います。 メートル法を長さの単位の基準にする以上、メートル法で端数となってしまうポイント(1pt=0.352778mm)では厳密な計算ができないから です。

Read More...

Add to Social Bookmarks
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl
@niftyクリップ

Page Top