Tsuka's portfolio site

使い方はカンタンで、解凍して出てきたiefixlibsフォルダ内のiefixlibs.jsへの外部スクリプトリンクをIE用の条件分岐つけてhead内に書くだけ。

サンプル：

<!--[if lte IE 7]>
	<script type="text/javascript" src="./js/iefix/iefixlibs.js"></script>
<![endif]-->

透過PNG対応にはUnit PNG Fixのライブラリを使用してます。
W3C準拠対応にはIE7-jsのライブラリを利用してます。

それぞれの詳細な仕様は各ライブラリの配布ページにてご確認下さい。
とりあえずぶっこんだだけだから不具合とかあるかもしれん、これなんてスパゲッティとかあったらじゃんじゃん文句言ってください(^q^

警告を閉じる or 次回から表示しない にすると右上にIEFIXってアイコンが出ます
こいつをクリックすると警告が出ます



ダウンロード　[ iefixlibs.zip 52.4KB ]
導入デモサイト(TDU Drivers Garage)
※デモサイトはIE6の環境でご覧下さい

ライセンスはMITなんで再配布なり改造なりご自由にどうぞ！
改善したら是非よこせご報告ください！

あとCSSの文法エラーとかCSS上のurl指定にアポストロフィとか使ってると正常に表示されないor崩れるっぽい／(^o^)＼
まぁ文法エラー出してる人たちはIE6のユーザーに警告出す前に自分の技術見直せって話だよね！

あ、ちなみにこのサイトはCSS文法エラーでレイアウト見事に崩れたから導入してないよ！俺のバーカバーカ！

結局、通っていた専門学校はその当日で退学（届出が遅れたので実際は今日）し、バイトで通っていたWeb制作会社さんに7月から内定をもらっていたので、そのまま就職しました！
これでようやく何もせずとも金が減ってゆく苦しみから逃れられるわけです！(黙

まぁ学歴は「高卒」ということになったわけですが、Web業界じゃ学歴なんて気にされネーヨとさんざん専門学校を罵ったわけなので、「高卒」としてがんばっていきたいと思いますｗ

就職早々、Webコーディング代行事業を展開することになりまして、現在そのサービスサイトを制作しております。
完成したら、デザイナーのみなさん是非とも仕事くださいね！(宣伝乙

そんなわけで近況報告でした。
こちらのブログは今後も続けていく、というかリニューアルしたいと考えているので今後ともよろしくです！


ではまた～。

簡単に実装したい場合
positionとか使ってるとズレが生じたりする場合があります。
大したことするわけでないのであれば、現状ではこれが一番無難かと思われます。
これで問題が出るようであれば、がっつり実装したい場合で紹介するライブラリを利用してみてください。

■border-radius
■box-shadow
ie-css3.htc
http://www.htmlremix.com/css/css-level-3-styles-in-internet-explorer-6-onwards

がっつり実装したい場合
それぞれの機能ごとに特化されたライブラリを利用
ただし、併用の仕方によっては動作しなかったりする場合もあるので注意。
今回はいろいろあるライブラリの中から使い勝手が良かったもの、比較的動作が安定しているものを選んでみました。

■擬似セレクタ
ie-css3.js
http://www.keithclark.co.uk/labs/ie-css3/

■text-shadow
■box-shadow
css3shadow.htc
http://p2b.jp/200909-IE-CSS3-Dropshadow

■border-radius
ruzeeborders.js
http://www.ruzee.com/blog/ruzeeborders/

使い方としてはこんなかんじ。

	
<script type="text/javascript">
	function addEvent(elm,listener,fn){
		try{
			elm.addEventListener(listener,fn,false);
		}catch(e){
			elm.attachEvent("on"+listener,fn);
		}
	}
</script>
<!--[if IE]>
	<link type="text/css" rel="stylesheet" href="./wp-content/css/iefix.css" />
	<script type="text/javascript" src="./wp-content/js/html5.js"></script>
	<script type="text/javascript" src="./wp-content/js/DOMAssistantCompressed.js"></script>
	<script type="text/javascript" src="./wp-content/js/ie-css3.js"></script>
	<script type="text/javascript" src="./wp-content/js/css3shadow.htc"></script>
	<script type="text/javascript" src="./wp-content/js/cssquery2-p.js"></script>
	<script type="text/javascript" src="./wp-content/js/ruzeeborders.js"></script>
	<script type="text/javascript">
		RUZEE.Borders.add({
			'.iecnrfix': { borderType:'simple',cornerRadius:15 }
		});
		addEvent(window,"load",function(){RUZEE.Borders.render()});
	</script>
<![endif]-->
	
	

あとはIE独自のfilter機能使って影つけるとか。
とりあえずIE6・7はさっさと滅んでくれ。マジで。

自室がゲーセンみたいになりました。
画面1つのサブマシンは、今まで自分が使用していた自作1号機。
現在はGTX295を積んでTDU2対策もバッチリ。(待

もちろんTDUも入ってるので二人でツーリングなんかも楽しめます

メインマシンは千葉人に組んでもらったnVidiaケースの緑PC。
ゲフォだとどうあがいても3画面は無理ということで、ラデに乗り換えてHD5870搭載
モニタはacerの24ワイド×3で、解像度は5760x1080
あとXPだと3画面以上に対応してないってことでWin7(32bit)入れました。


んで、肝心の落札したブツですが、新品同様でこの価格で落とせたのが奇跡。
もう内心ニヤニヤがとまらないんだぜ！

G25のステアリングをMOMOに交換してシフトユニットの改造キットも移植、これでまたTDUやLFSが楽しめるぜイヤッハァー！




免許？なにそれおいしいの