株式会社イグニス

遅くなってしまいましたが、明けましておめでとうございます。昨年お世話になった皆様、本当に有難うございました。本年は小飛躍の年にしたいと思い、努力致す所存ですので、本年も宜しくお願い申し上げます。

—

さて、仕事に追われていたり、本サイトのリニューアルを進めていたりですごく時間が経ってしまいましたが、私にとって大変大きなニュースがあったため久々に更新します。

Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。
(マイコミジャーナルより)

弊社では標準でクロスブラウザ対応を行っておりますので、サイト制作を行う際は必ず、複数のブラウザ・バージョンでのチェックを行います。その際W3C標準に従って記述をすると、いつも問題行動を起こしてくれるのがIE6です。(IE7と併せて問題が起きる場合の7割ほどはIEです。)問題の中には Javascript の動作も大きいのですが、正しく HTML, CSS を解釈してくれない場合も大変多いため、昔は大変苦労しましたし、かなり慣れている今でさえも、ごく稀にですが1時間ほどはまってしまうときがあります。

そんなときにこの情報は大変嬉しいものでした。更に Google Code に公開してくれているため、ダウンロードせずとも以下のコードで Google サーバから引っ張ってくる事も可能です。

<!–[if lt IE 7]>
<script src=”http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js” type=”text/javascript”>
<![endif]–>
※「xx.x」の部分はバージョンなので、「2.0(beta)」を記述

ちなみに、IE5,IE6での透過PNG対応方法は下記の通り。

*-trans.png

まだテストも行っていませんし、beta 版との事ですのでお客様のサイトでの導入は要検討ですが、時間を見つけて色々と触ってみたいと思っております。

Popularity: 10%

Posted on 2008/01/09 by koya
Filed under: メモ/データ, ブラウザ, CSS

弊社がサイト制作するときは、ユーザビリティやSEOの観点からtableコーディングをすることはなく、基本的にCSSコーディングを行います。そうした場合、更新管理まで任せて頂くか、CMSを導入させていただければ問題がないのですが、一番難しいのが、

「HTMLタグならわかりますので、自分で更新管理はします！」
「制作ソフトを使えば簡単に更新できるんですよね？？」

といったケース。(結構多いのですが、、)
そんなときにお薦めなのがこちらのCSS/HTML Converter。
もちろん、CSSの基本概念は勉強して頂かなければなりませんが、細かい要素などはHTMLとの対応状況を見ながら視覚的に覚えることが可能。(更には覚えなくても使うことができる。)

≪変換例≫
HTML(変換前):<font color=”#ff0000″ size=”12″>イグニス</font>
CSS(変換後):.mystyle {font-size=”12″ color=”#ff0000″}

もちろん、CSSに慣れている人には必要がないツールですし、細かいところまでテストしていないので詳細は不明ではありますが、なかなか便利なツールの一つだと思うので、紹介しておきます。

HTMLとCSSを相互変換するツール：CSS/HTML Converter

Popularity: 11%

Posted on 2007/06/12 by koya
Filed under: メモ/データ, CSS

最近とにかく制作案件が多く、特にデザイン関連よりもHTMLコーディングに追われる事が多い。今月に入って何ページHTMLコーディングを行ったのだろう。。

XHTML+CSSコーディングのノウハウもかなり溜まってきて、（この辺はいつか時間が出来たらまとめようと思いながらも、たぶん伸び伸びになるのだろう）今ではシンプルなソースで思い通りのレイアウトにする事は結構容易いのですが、常に考えるところがブラウザチェック。

≪現在のブラウジング環境≫
1.IE7(Sleipnir)[for Win]
2.Gecko/Mozilla(Sleipnir)[for Win]
3.Safari2.0.4[for Mac]
4.FireFox2[for Mac]
5.Opera9[for Mac]
6.MacIE4.7[for Mac]

■続きの内容：「ブラウザ確認便利ツールやブラウザシェアデータなど」

Popularity: 11%

Posted on 2007/03/14 by koya
Filed under: メモ/データ, ブラウザ