そろそろ12月なのでクリスマスカラーにしました。
あいかわらずGoogleエンジンではWEBデザインのキーワードで引っかからず。。。Googleダンスチェッカーを使用しても出てこず。。。本格的に締め出された！？？
« 2006年10月 | ブログ トップ | 2006年12月 »
サイトカラーを変更しました（クリスマスバージョン）
2006年11月29日
相互リンクページを閉鎖しました
2006年11月22日
まことに勝手ながら相互リンクのページを閉鎖しました。復活があるかどうかは分かりません。
今までに応募していただいたサイトの皆様には申し訳ありません。
理由としては、相互リンクをスパム扱いとする風潮が増してきたためです。それが影響してかどうかは分かりませんが実際にWEBデザインのキーワードでikesaiが表示されなくなりました。。。とりあえず様子見って事で
ボックスモデルの仕様で悩む
2006年11月21日
ネットを徘徊してたら久々にbox-sizingを見かけたのでIE7で試してみた。
ちなみにIEとモダンブラウザではボックスモデルの解釈が違うので本当にメンドクサイ事になるのは周知の事実。
そんなメンドクサイ仕様を回避するべく登場した裏技がbox-sizingと-moz-box-sizingでボックスモデルを制御する方法。
html * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
一行目の-moz-box-sizingはMozillaの独自拡張でCSS3の先行実装。
二行目のbox-sizingはCSS3で実装予定の属性。MacIEは先行実装している。
この技は非常に重宝されて結構みんな使ってたとおもう。
で、IE7で試してみたところbox-sizingは全然効かない。なのでbox-sizingを使って互換モードで作っているとIE7で死ぬって事ですな。
CSS3に実装されるといわれていたbox-sizingも、最近は実装されないんじゃないか？なんて噂も流れてるとか流れてないとか。。。そんな感じだしね～
@importでCSSを読み込ませないハック
2006年11月16日
最近はIE5系を排除する案件が増えていますが、でもなんとなく崩れるのが嫌で対応してしまう。
無駄とは言わないけど時間がないときは非常に効率が悪いし、非対応で組んでいて後々見たらテキスト部分が読めねーなんてことになったら悲惨なので今は@importハックで非対応ブラウザは排除しています。
CSSを読み込ませなければバグなどでテキストが表示されなくなったり、可読性が悪くなることもほぼないので安心して切り落とせますね～ｗ
以下のハックは良く使う@importです。
@import "style.css"; /* WinIE4.xを排除 */ @import/**/"style.css"; /* WinIE4.x, WinIE5.0, MacIE5.2を排除 */ @import "style.css"/**/; /* WinIE4.x, WinIE5.0, WinIE5.5, MacIE5.2を排除 */
すべてIE系だけど、クライアントを捻じ伏せたらこれが使えます！！
»WinIE4.x, WinIE5.0, MacIE5.2を排除のサンプル
オンラインプリントが無料で出来る「Priea」
2006年11月15日
これはネタではありません。本当に無料でデジタルデータをＬ判プリントにして届けてくれます！
ただし写真にはスポンサーの企業ロゴが入り、一回30枚の月2回までと決まっています。
でも、ロゴなんて気にしない人にすればなんの問題もない気がするし、アナログで保存しておきたいけどデジタルに慣れて現像代とか紙代を払うのがバカらしく思えている人にはうってつけかも～（自分も実際このタイプ）
ちっちゃいの欲しい
2006年11月08日
最近ポータブルマシンが賑わってます。
工人舎からはA5サイズの素晴らしいノートPCが出るし、サムスンが発表したウルトラポータブルXPマシンなんてコンセプトモデルかよ！ってぐらいエキサイティングな形をしています。日本人はちっちゃいの好きだから売れるんだろーなー
そうなってくるとポータブルマシンの画面は約800×600。
現在の一般的なPCの6割～7割が1024になっているとどっかのニュースサイトであったけど、やっぱWEB屋としてはサイトの幅800pxからなかなか抜け出せなそう。
簡単文法チェック
2006年11月07日
W3Cのバリデートを簡単に出来るブックマークレットを見つけました。
下記のコードをブックマークに登録すれば、その都度W3Cのサイトに行かなくても簡
単にバリデートできます。
javascript:void(document.location='http://validator.w3.org/check?uri='+document.location)
是非お試しあれ。
リンクを別ウィンドウにしました
えー ついに登録サイトのリンクを別ウィンドウに致しました。
本当は変更などしたくなかったのですが、友達や知り合いに別ウィンにしてくれと言われたり、ikesai世論調査でも別ウィン賛成派が多数を占めていたので今回の変更に踏み切りました。
少数派とはいえ別ウィン反対派の方には申し訳ありませんが。。もし苦情が多い場合には元に戻す事も考えます。
ドラック&ドロップでサイト構築
2006年11月06日
CMSでこんな事できたらいいのにな～なんて思っていた機能がWeeblyというサイトで実現していました。
どんな機能かはWeeblyのトップページにあるビデオを見てもらえれば分かると思うんですが、簡潔に言うとサイトの各パーツをドラック&ドロップでレイアウトして「あらサイト出来ちゃった」みたいな感じです。
このWeeblyってサイトは個人のブログを簡単に構築できますよって感じだと思うんだけど、これを企業の大規模CMSで実現できれば相当売りになると思うんだけどな（もうあったりするかもしれないけど）
うちの会社のシステム屋にもこういうの作ってくれないかね～
Internet Explorer 7 日本語版 ｷﾀｰ
2006年11月02日
ついに出ましたIE7日本語版が！！ていっても英語版とメニューぐらいしか変わんないけど。。。
ちなみに英語版の時に使えたスタンドアローンも問題なく使用できました。
Flashサイトでサイトが半分消える
Flashサイトでたまに見かける下半分が表示されない現象がある。
下記のサイトを見てもらえれば分かると思うけど、なんともひどい有様です。丹精こめて制作したサイトがこんな形で表示されていたら泣けてくるねー
ちなみにこれはFirefoxやNetscapeで見たときになる現象です。
で、気になるのでいろいろ原因を調べてみたら案外単純な事でした。
Firefoxのバグ？か何かだとおもうんだけど、swfのheightを100%に指定しているとこの現象が起きるらしい。なのでちゃんとpxで指定すれば元に戻る。
他にもDOCTYPEをいじると直るなんて記事もあったけど、自分の環境では直りませんでした。。。
コンテンツ幅を決めるときに役立つサイト
下記リンクのサイトでは、カラムとマージンの計算を自動で行ってくれます。
サイトの設計で良くありがちなのがコンテンツの幅を適当に決めてしまい、後々二分割や三分割、四分割にした場合にカラムのそれぞれの幅が1px違うなどが多々あります。 それを回避する一つの方法としてこのサイトが役に立つかも。 やり方は簡単で、コンテンツ幅とカラム数を入れれば勝手に吐き出してくれる。
ブログ復活の兆し
2006年11月01日
ちょっと時間があったので新しいサーバーにブログを構築。
3.33はテンプレートの中身が全然違うから結局一から作り直したんだけど、、、
まぁなんとか過去のエントリーも読み込むことができたしよかったよかった。
でもいろいろな所が軽くバグってる気もする。。。
てことでブログを再開するのでまた見に来てください！！
