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

Home [Blog]

フォームのズレだって許せない! リセットCSSをアップデート

フォームのズレだって許せない! リセットCSSをアップデート

6月12日のOpera 9.5正式リリースに続き、6月17日にはついにFirefox 3が正式リリース。24時間以内に最も多くダウンロードされたソフトウェアとしてギネス記録を狙ったキャンペーンを展開したFirefox 3は、結果的に24時間で800万を超えるダウンロード数を記録したとか。

メジャーなモダンブラウザが立て続けにアップデートされたこの機会に、 リセットCSS をアップデートすることにしました。前回は各ブラウザのデフォルトCSSをとにかくリセットしてしまう Reset CSS のみのエントリーでしたが、今回はテキストボックスやラジオボタンなどフォーム部品の細かなズレの解消などを目的として、各ブラウザで基本となる汎用的なスタイルを定義する Basic CSS なるものも書いてみました。

Read More...

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

不幸はある日突然に。Time MachineでMacBookをレスキュー

Time Machine

僕がMac OS Xを本格的に使い始めたのはフラットパネルのiMac G5(OS X 10.3.5)を購入した2004年でした。2004年当時、DTPの仕事では相変わらずOS 9のQuarkXpressがメイン環境だったので、OS Xを触りはじめたのはプライベートマシンとして購入したこのiMac G5がきっかけでした。

それから4年以上たちOS Xも10.5.3になり、メインマシンもiMacからMacBookになりましたが、先日初めて本格的なシステムトラブルに遭遇しました。症状は次のようなもの。

Read More...

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

Google Analyticsのトラッキングコードを見直してみる

Google Analyticsのトラッキングコードを見直してみる

Unobtrusive Google Analytics IntegrationRefract

「Google Analytics(のトラッキングコード)をさりげなく改良する方法」というエントリーをメモ。

今やどのWebサイトも当たり前のように利用している Google Analytics 。このGoogle Analyticsを機能させるには、HTMLソースの</body>タグ直前にトラッキングコードを挿入しなければなりませんが、新しいトラッキングコード(ga.js)は結構ソース量が多く、以下のようなものです。

Read More...

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

1ピクセルのズレも許せない! ブラウザのデフォルトCSSをリセット

1ピクセルのズレも許せない! ブラウザのデフォルトCSSをリセット

CSSでWebデザインを行う際に欠かせないのが、Webブラウザが標準で備えているデフォルトCSSをリセットするCSSリセットの手法。当サイトもreset.cssでCSSリセットを行ってからレイアウト用のCSSを読み込むことによって、なるべく多くのブラウザでレイアウトの崩れが出ないように制作しています(とはいえ、いくつかレイアウト崩れは見つかっていますが・・・)。

CSSリセットに関する話題はインターネットを検索するとかなりたくさん見つかりますが、やはり秀逸なのは YUI Reset CSS だと思います。しかし、YUI Reset CSSの記述はCSS Validatorに通らないし、不足していると感じる要素もいくつかあるので自分用にYUI Reset CSSをカスタマイズしてみました。

Read More...

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

Photoshopでクール(?)なロゴデザインに挑戦

Photoshopでクール(?)なロゴデザインに挑戦

HiGash.Net最初のエントリーは当サイトのロゴの作り方をPhotoshop(Photoshop CS)のチュートリアル形式でご紹介したいと思います。

デザインコンセプトは一応クールでスタイリッシュに・・・。とはいえ、木材や紙などテクスチャを多く用いている当サイト内では、ロゴがあまりにシンプルすぎると濃いテクスチャの印象に負けてしまう恐れがあります。濃いめのデザインのなかでも存在感のあるクール(?)なロゴになるよう、イチョウ(だと思います)の葉をアイキャッチにしてみました。

Read More...

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

Page Top