CSSカテゴリーのアーカイブ(19件)

スーパーファミコンのコントローラー見てたらCSSだけで再現できそうだなーと思ったので作ってみた。 スーパーファミコンのコントローラー - BlurBlue-Note わりと再現できた感じ。若干フラット目ですが。 ついでなのでボタン押せるようしてログ出力するようにしました。クリックしか対応してないから…

iGoogleをRSSリーダーとして常用してるのですが、今回のリニューアルは酷い。 新しいのはこんなの 開いた瞬間に、見やすく並べてあったRSSがバラバラに再配置されたのにはさすがにイラッときました。 一つ一つドラッグしないといけないし、件数多いと直すのも一手間です。 まぁそれはいいとして、デザイン…

IE7がこのあいだ出たばかりなのに、もうIE8が正式リリースされました。 IE8ダウンロード さて、新機能のほうは色々なサイトで語られている通りです。 正直、webスライスをみてみたかったんですが、どこで対応してるんですか?(笑) 対応サイトじゃないと使えないってどういう機能…。 個人的にはアクセラ…

月一更新になりつつあります…。ネタがないんです。すみません…。 さて、今日はちょっと設計的なものを思いついてみた。 グラフィカルなデザインを実現しようとすると、毎回ネックになるのが内包物や文字サイズ変更に対する縦幅の可変対応。 例えば、周囲に枠線があってさらに上から下に向けてグラデーションがかかっち…

たまたま発見したのだが、下記のような一般的なリストがあるとして、 HTML <ul> <li>メニュー</li> <li>メニュー</li> <li>メニュー</li> <li>メニュー</l…

mixi関連連続エントリーです。 Operaの表示がおかしかったのを直したついでに、ユーザースタイルシートでヘッダーのバナーをとっぱらってデザインちょっと変えてみました。 ロゴの下の妙なスペースとか、広告が無理矢理な位置にあったせいですごく中途半端になっていたのがスッキリ!! mixiヘッダー用スタ…

7月7日にリニューアルしたmixiの一部ページがOpera9.5xにて表示がちょっとおかしい問題がありました。 こんな風にヘッダー部分に異常なスペースが。 見てみると、「メッセージ」と「足あと」の2ページで発生しており、この2ページは2007年10月1日以前の古いコンテンツを流用していることが判明。…

IE6に、margin: auto;でセンタリングしても1pxだけ横にずれるというそこそこメジャーなCSSのバグがある。 こうなる。IE6のコンテンツ部分が左に1pxずれている。 たかが1px。されど1px。この1pxのせいでデザインがパーになる事もあるし、クライアントと言い合いになることもナキニシ…

mixiのCSS系質問で、Flashを貼り付ける際、wmode=transparentを設定するとFirefoxでクリックポイントがずれてしまいまともに操作できなくなるバグというのがあることを知った。 意外と古いバグで、2005年にはbugzillaに挙げられていたようだ。 Firefox2で修正さ…

Windows版Safari3.1がリリースされました。 Safari3.1のダウンロード Firefox 2の最大3倍、Internet Explorer 7の最大2倍、Opera 9の最大5.5倍のスピードでページを読み込めます。 また、JavaScriptの実行速度はFirefox 2の最大4…

今日ちょっとひっかかったIE7のCSSバグをメモしておきます。 どうやらborder付きのbox内に2重に入れ子にしたfloatさせたboxの親要素(ややこしい!)のmarginが効かなくなるようです。 口で言い表しづらいので、以下のソースを見てください。 XHTML <div id="pag…

IE6のfirst-letterに関する不可解なCSSバグを発見してしまった…。 ちょっと特殊な複合バグだけど、軽くぐぐっても出てこなかったので、一応ポストしておきます。 first-letterを指定したテキストがhidden状態になるバグ。 以下の条件の時に発生。 ブロ…

ただいま当サイトのデザイン&コーディング真っ最中なのですが、CSSファイルを何度W3C CSS Validatorにかけても行頭の「@charset "UTF-8″;」が『文法解析エラーが発生しました』と警告を受けてしまうので、非常に困っておりました。 保存エンコード形式間違えたかな?と思ったのです…

MicrosoftはWeb制作者向けIE用プラグイン「Internet Explorer Developer Toolbar」の英語Beta版を公開したようです。 ダウンロードページはもちろん全て英語ですが、嫌みのようにFirefox、OperaではJapanizeが有効です。 HTML・CSS構文…

以前、[CSS][コピペ]clearfixでコピペ用に最新版のclearfixを紹介していましたが、今回Safariで問題があることが発覚したので、修正版をPostしておきます。 CSS .hoge:after { display: block; clear: both; height: 0;…

IE6でinputに対してtype="password"を設定した場合、何もCSSを指定していないと普通より高さが大きくなってしまうようです。 ある程度調べてはみたのだが、どうも見あたらない…。 下記のように、heightをつけてあげればもちろん制御はできるのだが、デフォルト状態だとpassword…

ナビゲーションを全て画像にして、それぞれliでマークアップし、inline化して横並びにさせる手法がありますが、この手法はなぜか2pxほど隙間ができてしまう問題があります。 なぜかというと、下記のように1項目ずつソースコードを改行してしまうことにあります。 HTML <ul id="…

現在このサイトはちょっとした実験場と化しているので、トップページと下層ページで全くソースが違う。 そんなところからまさかのバグ? 同じCSSファイルを参照しているのにも関わらず、Opera9.02で見るとトップページと下層ページでフォントサイズがかなり異なる事に気づいた。 じっくり見てみると、MTの…

コピペで使えるclearfixです。 IE7まで対応。 CSS .hoge:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; } .hoge { display: inlin…

Tag Cloud

About

drop

Author:飴(drop)

web技術に関するtipsや主にweb関連のニュースなどをメモ的に記していきます。

このサイトについて

RSS購読