webruaryと黒猫のウィズ

webruaryの記事一覧 webruaryのRSS

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


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

Category:Web

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

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

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

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

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

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

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

スポンサーサイト

続きを読む »

FirefoxのテーマをMETROっぽくしてみた。

Category:雑記

FirefoxのMETRO UI化

Microsoftが新メールサービス『Outlook.com』をスタートし、初日に100万人の登録があった様ですが、そのうちの一人は自分です。

わりかしこのMETROスタイル(←なにげにMETROは仮名称で正式名称はまだ決まってないとか。)が好きな自分ですが、ふとFirefoxのテーマをそれっぽくしたくなり、FirefoxのテーマサイトとかdeviantARTあたりを見たところ、それっぽいテーマはあるけど最新版には対応してない模様。

悔しいんで他になんかないかとイロイロ調べてたら、userstyles.orgにたどり着き、そこにMETROっぽいのがあったのでアドオンの『Stylish』をインストールし適用してみましたが…う~ん…イマイチ。
イロイロさまよった挙句、最終的に『Firefox 10+: transparent tabs, toolbars, addonbar』なるものを適用。

まっ、しばらくこれでイイかと思ってましたが「そぉいやぁ、これってCSSだよな…ゴクリ…。」とコーディング心をくすぐられユーザースタイルの編集にチャレンジ。

ちなみに、自分はOS自体のVisual Stylesを変更してたりするので、今回のMETROスタイルはFirefoxのみで表現してるわけじゃないのであしからず。

続きを読む »

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

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

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

続きを読む »

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。