webruaryと黒猫のウィズ

webruaryの記事一覧 webruaryのRSS

通常のブログ。http://webruary.net/


FC2ブログのテンプレートをhtml5でリニューアル。

Category:Web

気がつけばブログを始めてから早5年…。
まぁ、節目ということでブログのテンプレートデザインをリニューアルしてみました。

前のテンプレートデザイン前のテンプレートデザイン
(↑前のデザインのスクリーンショット取る前に画像ファイルを上書きしちゃったので、ビミョーに変。)

前回のテーマと言う名の目標は『なるべくdivを多用しない。』でしたが、今回は『html5の基本に沿って。且つシンプルに。』。
前のデザインはグランジ系で画像をそこそこ使ってましたが、今回は半分くらい減りました。ソースも割かしシンプルになったかと。

べっ…べべべべ別に手抜きをした訳j(ry
あと、footerがMicrosoftっぽいとかは秘密です。

もし、こんなブログでもソースを覗いちゃう様な方がおられましたら、じゃんじゃん見て「タグの使い方間違ってる」とかありましたらご指摘いただけると幸いです。

ちなみに、現在はリニューアル仕立てで、細かいとこはまだチェックしきれてないので不具合とかあるかも。
早速、前使ってた『shadowbox』の名残でaタグのrelに『[]』が入ってる関係上fancyboxが動作しない…(´・ω・`)

不具合も直しつつ、jqueryとかCSS3あたりで何かしら動くようにしたいです。

スポンサーサイト



続きを読む »

Ajaxで動的に生成されたリンクにもfancyboxを適用させてみる。

Category:Web

忘れないうちに。

自分が出くわしたのは、jqueryを使用してaタグが入ってる親要素全体をクリックエリアになるようにしてたら『fancybox』が適用されなかったっていう。
まぁ、やろうと思えばjqueryじゃなくてCSSのみでイケるコーディング状況だったんですが、脳内で「あきらめないあきらめないあきらめないあきらめないあきらめない」とももクロが歌い始め…。

ちょっと調べてみると、jqueryに限らずAjaxで動的に生成されたリンクだとfancyboxは動作しないっぽい。

ただ、やっぱり、他にも動的なリンクにfancyboxを適用させようとしている方がおり、解決策を紹介していましたので参考にさせていただきました。

続きを読む »

隣接セレクタと間接セレクタを微妙に勘違いしてたのでメモ。

Category:Web

今更ながらCSSのセレクタがちょー便利。
IEも場合によっては強制自動更新で8もしくは9になった関係上、ココ最近結構多用してました。
(↑正直、もぉIE6については他のブラウザと表示が違くなっててもスルーしたり…。)

そこで、自分が使い方を勘違いしてたところがあったのでメモしつつ、誰かの参考になれば。

続きを読む »

CSSで背景画像をcenterにした際に1pxずれる時の対処法

Category:Web

とあるサイト制作時に背景画像をCSSでセンターにしたら、なぜかIE6、IE7、chrome、safari(←全部Windows環境。)で右に1pxズレる現象が発生。
しかも、いつもならchromeとかじゃなく、IE8なのに。

実は以前にもこんなことがあって、仕方ないんでhtmlとCSSをちょっと変更して対処しましたが、今回はデザインの関係上うまくいかない…。
かといってdivを無駄に増やすのは自分のポリシーに反する(`・ω・´)
いや、まぁ、自己満足なんですけど…。

で、イロイロ調べた所<body>にpadding-left:1px;とかで解決するとかありましたが、ナニかが違うのか上手くいかない上に横スクロールまで出る始末(´・ω・`)
イロイロ試行錯誤した結果、とりあえずなんか出来たっぽいのでご紹介。

またまた、需要ないと思いますが…。
こんな方法もありますよ的な感じで(・∀・)つ

続きを読む »