雑記: 2012

2012年1月27日金曜日

とりあえずめもめも。

スムーズスクロール
固定fixd
スクロールイベントでナビの要素を切り替える
jquery

↓

http://trevordavis.net/blog/jquery-one-page-navigation-plugin/

ねっ、眠い・・・。(^_^;)

2012年1月23日月曜日

html5boilerplateでPNGをIE6,7に適用させる。

とりあえずメモ：

html5boilerplateのテンプレートを使う理由の１つとして、いろんなさりげない演出をサイト上で実装していきつつ、IE6などにも対応していきたい・・という欲求があるわけなんだけど、どうもDD_belatedPNGは、IE6,7,8でフェード系の動きでちょっと・・・

とりあえず透過PNGでフェード系の動きをさせると、周りがカピカピする。多用するJQuery Cycle Pluginと一緒に入れるとエラーが出る・・とか、あまり汎用性がなく、なんか旨くないわけ。

今まで、動きをつけるときは簡単なところでもFLASH使ってしまっていてDD_belatedPNGは最強・・・などと思い込みで組み上げていたので、実務でかなりはまってしまった。

FaceBookに泣きの一言をあげたら、友人に「jQueryベースのPNGFIX使えば？」の一言で、色々と試した結果。

「jQuery.belatedPNG」

が(・∀・)ｲｲ!!と、光が差し込んだわけです。詳しくは飛び先で見てくれればいいのですが、DD_belatedPNG をjQuery版にしつつ、バグも治っているという素敵なプラグイン。

商用可能ということで、早速、自分用テンプレートに組み込んで、次の仕事から活用させて貰う予定。

また一歩、理想のテンプレートへと進んでいくのでした。

ぞーさん、ぞーさん

ゾーサン、ゾーサン。オーハナガ　ナガイノネ・・・

むぅ、だんだん手抜きになってきた。汗

2012年1月13日金曜日

もふもふしてれば可愛くなるかと思ったら・・・

わんちゃん（犬）

もふもふさせれば、どんなのでも可愛くなるかと思ったんだけど・・・・。

生々しくなってきて怖い。

こいつは、息子さんに見せるのが楽しみだ。

必要イラスト、あと２３枚。

2012年1月12日木曜日

きゃきゃきゃきゃきゃっと！

招き猫

左手上げている招き猫はメスらしいんだけど、あまりきにしなーい。

ペンタブだこができそう。

HTML5 Boilerplantを紐解くのによく見る場所

少しづつでも、もっと詳しくなりたい・・・

HTML5 Boilerplant がテンプレートで本当にベストかどうか、分かるようになるまで、しつこく使い続けるつもりだよ。

このページは、徐々に更新してく。

2012年1月11日水曜日

便利そうなクラウドCDN

便利で無料なCDNサービスがあったのでメモ。自分の所で管理するサイトへは常に設定するようにするか、様子を見ながら検討しよう。

サービス提供サイト：CludFlame

IE6に対応させたいなら、DD_belatedPNG.jsを使うと幸せになれるよ。

IE6に対応しようとすると、もう、png画像対応をせずにはいられないね。

大好きな「HTML5 Boilerplate」のテンプレートを使えば一発で解決・・・・といきたいところなんだけど、残念ながらサポートしていないんだよね。

でも、さすがは「HTML5 Boilerplate」！

解決策はドキュメントでしっかりサポートされとります。

でも、日本語翻訳されたサイトでは、ドキュメントがNot Foundになってる（ここ）。
なので、英語サイトの中のドキュメントページ（ここ）、ポイントの部分だけピックアップするね。

2012年1月10日火曜日

ボールは友達・・・

昨年の息子さんへのクリスマスプレゼントは、小さなサッカーボールだった。

って、ちょっとしたペンタブの練習だったのに・・・。

なんでこうなっちゃうの(・∀・)

ペンタブレットが手に入ったので・・・

ペンタブレットが手に入ったので、昔を思い出してイラストを描いた。

せっかくなら子供が好きなりんごで・・・とか思いながら描いたんだけど。久しぶり過ぎてやりすぎちゃった。

プリントアウトして見せたら泣くかな？

このサイト続き書いてくれないかな。

HTML5 Boilerplate を読み解く上で、検索で出てきたサイト「complicate000 blog」。

エントリー１つだけで終わってしまっているけど、ためになったのでメモ。

書き方もわかりやすいし、ぜひ続きを書いてくれないかな・・m(__)m

すみません。

どうやら、エントリーを書いたタイミングでメールが飛んでしまったみたいで・・・・

よくわかってなかった。すみません。

2012年1月9日月曜日

lang="ja-JP"へ変更するのを忘れないでね。

HTML5 Boilerplateを使用するときの注意点。lang="ja-JP"　へ変更するのを忘れないでね。

参考サイト：結局どうすればいいの？

日本語での製作時に変更しなければいけない・・・で、たまに変更し忘れるのでメモがわりに残します。

変更箇所は、２〜４、５行目の条件付きコメントの部分です。
ここは、IEのバージョンによって、「lt-ie9」「lt-ie8」「lt-ie7」のクラスが付加されます。

<html class="no-js" lang="en">

↓

<html class="no-js" lang="ja-JP">

この記述のお陰で、IE6のみ背景画像を非表示にしたい場合は、
.lt-ie7 body { bacground-image: none; }
と記述することで、CSSの振り分けが行えます。

説明はこちらのサイトで・・complicate000 blog

うーん。セクシーな解決法ｗ