2008年10月アーカイブ

windowshop

| コメント(0) | トラックバック(0)
アマゾンの新しいサービスのβ版みたい。
その名も「amazon windowshop」

ヒュンヒュン動きながら詳細がみれるっていうなんかおもろい感じ。
ウィンドウショップといえるかどうかは微妙な感じもするけど、

何よりちょっと驚いたのが、
windowshop.com

空いてたんだ。。。。。
為替がすんごい乱高下。
今現在、1ドル91円前半、1ユーロ114円前半。

円高じゃー。今海外に行ったらすんげーだろーなぁ。

ちなみに、FXやってるんで、為替にはすんごい気がいくんだけど。
今何も手をつけていない。だって、よーわからんもん。

だってちょっと前まで、ユーロなんか168円くらいしてたんよ。それが、今114円前半。
なんじゃこりゃー!

IE8について...。

| コメント(0) | トラックバック(0)
IE8がリリース目前だということもあって、いろいろIE8についての記事が出現している今月。
ちょろっと気になるところを列挙しておく。メモの代わりとして。。

とにかくIE8はWeb標準準拠のブラウザ
⇒特にIE8用の対策をすることなく、Web標準に準拠して制作していればよいことになる。

IE8はhasLayoutプロパティが削除された
IE8はCSS2.1の完全準拠をゴールとしているため、現在のような崩れはなくなる(のでは?)
でもCSS3への対応はモダンブラウザの中では最下位
IE7にくらべてスクリプトの処理能力は、5倍高速化
ただし、この新しい標準モードは過去のバージョンのIEに依存したCSSやjavascriptに対して大きく影響を及ぼし、レイアウトの崩れなどが発生する恐れがある

レンダリングモードが3種類あり、レンダリングモードを明示的に指定するための機能「metaスイッチ」が導入されている。
javascript:alert(document.documentMode)と入力すると、どのレンダリングモードでページが表示されているかを確認できる。

metaスイッチによる指定方法。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
太字の部分を
IE=8でIE8標準モード
IE=7でIE7標準モード
IE=5で互換モード
IE=n(nの値が5以上7未満)で互換モード
IE=edgeでIE8標準モード
IE=EmulateIE8でIE8標準モードか互換モードをDOCTYPEにより判別
IE=EmulateIE7でIE7標準モードか互換モードをDOCTYPEにより判別
その他の文字列は無視される。

IE用のハック(スターハックやアンダーバーハック)は使用を控える方向へのシフトが必要
(世界的には、使用しないことをちゃんと意識しておくこと)
⇒世界的には、条件分岐でスタイルシートを切り替える

※条件分岐でのソースコード例
<link rel="stylesheet" type="text/css" href="hoge.css"/>

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie6.css">
<![endif]-->

<!--[if IE7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->

<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie8.css">
<![endif]-->

ありがとう0系新幹線 ブログパーツ



0系新幹線の感動的な終焉のために、ぼくも協力しよう。
さぁみんなもやってみたらいい。

昔のったことあるでしょ?

ね。
最後、気持ちよくみんなでさ。

ちなみに僕のブログには、13:08に新幹線が到着します。
よかったらその時間いらっさい。
ちょっと躓いてしまったので、自省も含めてメモ。
lightwindowでローカルファイルを表示したいときには、他サイトを表示するような
<a href="hogehoge.html" class="lightwindow">○○</a>

では動かない。ローカルファイルを指定するときは、paramsの指定が必要。

以下のように書くとうまくいく。

<a href="hogehoge.html" class="lightwindow" params="lightwindow_type=external">○○</a>
※強調の意味で太字にしてます。

この書き方をするとローカルファイルもlightwindowで表示が可能となります。


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
以下お知らせ。

この予想は間違いないと思うが、
「XHTML+CSS」関係の良書が発売される。執筆人がハンパない人たち。
この人たちが組んで(?)作った書籍なら間違いないだろう。

しかもこれは、CSSビギナーズの教科書としても使われているらしい。
これからの人たちには、最適だろう。

でも、おいらもちょっとほしい。買おうかな。




11月7-9ですんごいイベントが開催されます。
「WebDirectionsEast」くわしくは、実際のサイトを見てもらえたらわかるんだけど、
スピーカーたちのすばらしさに圧巻。
価格がべらぼうに高いけど、行く価値はありそう。おれも行きたいけど、たぶんいけないなぁ。

このブログをみて、いけそうな人は、画像をクリッククリック~。
Cyokodog::Diaryさんのページに大変重宝しそうな、記事が。
その名も「jQuery関連記事まとめ」

ここね↓
http://d.hatena.ne.jp/cyokodog/20081016/jquerylinks01


jQueryは以前は、俺はホッテおいた。あまり興味もなかったし、どっちかというとAjaxライブラリの中では、prototypeのほうをメインに考えていた。
しかし、益子さんの講義にでたときに、jQueryってすげーってことになって、それ以来お世話になりっぱなし。

いろいろできんだなーって思っていたら、思っていたよりもさらにいろいろできることがどんどんわかってくる。しかもセケンの偉い人たちがいろいろと開発してくれてる。XHTML+CSSにおいて、ちょっとしたエフェクトを使いたいときはかなりいい。

でも、あまりひどく使いすぎると、俺の目指す「いろんな人が同じようなレベルで情報を得ることができるサイト」から離れてしまうので、あくまで、「気の利いた」程度に使うよう自粛しながらいかないといけない。

まーとにもかくにも、上記のサイトはかなり重宝しそうだ。

CSSのハック情報

| コメント(0) | トラックバック(0)
http://www.nealgrosskopf.com/tech/thread.asp?pid=20


ハック情報がいろいろ載っていたのて、
確認もこめてのブックマーク。
モリシン工業さんのサイトがやたらといい。

CSSデザインですごく情報整理もされている。すばらしい。
ブックマークとして。。
久々に本の紹介。

電通式ですが、「クロスイッチ」という本。

考え方として、すごくためになりました。が、中では、電通のツールの説明とかを話されていて、うらやましいなぁと思うところが多々。ん?自慢?って思える箇所もあったり・・。でもそれだけのことをやってるからすごいと思う。

クロスメディアってこの本でも書いてあるように、言葉が先行して、実態の見えないものになっている。クロスメディアというものは広義であるということになかなか気づかない。今回、この本で語られているのは、電通式クロスメディア。

つまりは、○○式クロスメディアを作らなくては、いけない。おそらく、同じ競争をする世界はボチボチなくなってきているのではないか?クロスメディアという世界では、あくまで「オリジナリティ」が求められるのではないか?

この本を読んで、電通式クロスメディアを読んで、
自社式クロスメディアを作れるかどうか、結局はアイデアの勝負。

そんなことをこの本で感じた。

とにかく良書なので、おすすめです。


firefox3にしてやられました。
というのも、とあるサイトを見てて、いやー、CSSコーディングえーなーって感じで、思っていて何気に文字サイズを大きくしてみたのですよ。

そうしたら、画像まで大きくなる!

えー!どうやってんの?これ!
文字サイズによって、枠が大きくなったり小さくなったりこれは、エラスティックレイアウトってことでなるのは、ごもっともなんですが、画像まで!

これはすんげー技術だ。そうに違いない。
はて、どうやって?と思って、firebugを使ってみるけど、
なんも新しいことをしてない。

うーん、JSか?jQueryなのか?と思ってみたけど、そんな系を読み込んでるわけでもない。

ありゃー。と思っていたら、
ん?firefox2では何もならんぞ?ということに気づく。


ん?もしかして・・・
と思って調べてみたら...

firefox3から拡大縮小は、ズーム機能になりました。

と。


やられた。
Webディレクタ伊藤学さんのブログCSSの調整法についてというエントリーが。
CSSハックについて様々な記載がされているので、ブックマークがてらにメモ。

CSSのハックはなるべく使いたくはないものの、どうしても使わなければいけない状態になる。まー、よくハックを使いたくなるのは、IE。しかもこれからを考えると、IE8まで見ていかないといけない。

IEよ早く時代に追いつけ。といいたいところだが、

大将は時代にはついていかないという。

大将ぉぉ~!!


http://www.freesia.org/2008/10/css_1.html
今月号のWebDesigningのAjaxコーナー(そんな言い方しねぇか・・・)で、ちょっと興味を引かれたので、ジャジャっとメモっす。めもっす。

そのタイトルは、「印刷時にリンク先URLをリスト表示するfootnotelinks」
簡単に説明すると、プリントアウト時にリンクになっている箇所のURLを表記するのに、ページ下部にて注釈のような感じでリストアップしてくれるというもの。

ちなみに使い方は、こちらを参考
http://www.skuare.net/2007/06/post_2.html

読み込んで、該当箇所のidを指定するだけなんて、
ちょー簡単。

こういう、プリントアウト時のフォローアップも考えていきたい自分としては、かなりのグッドツールだ。

ダウンロードはこちらから
これと...
http://v2.easy-designs.net/code/jsUtilities/
これ。
http://v2.easy-designs.net/code/footnoteLinks/index.php#downloads

これらをはじめに読み込んで、指定箇所にcontentとidを与えてあげるとOKだと。
    follow me on Twitter

    このアーカイブについて

    このページには、2008年10月に書かれたブログ記事が新しい順に公開されています。

    前のアーカイブは2008年9月です。

    次のアーカイブは2008年11月です。

    最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。