2009-01-01から1年間の記事一覧
IE6とIE7でdisplay:inline-block;で並べたリストがうまく並ばない場合は、IE 5 ~ 7 では置換要素はdisplay が inline で、hasLayout が true にすると、横に並びます。display: inline-block; /display: inline; /zoom: 1;(/はIE6とIE7のみハック)フロート…
jQuery slideViewer 1.1 via kwoutslideViewerPro 1.0っていう、上の画像のjQuery slideViewer 1.1を元にして作られたJsスライダーがサムネイルとか出ててきれいなので使ってみようと思ってやってたら、デモみたいに、サムネイルの横の-+が出なくて、スクロ…
最近、IE6とIE7で変な隙間とか余白が出たり、とりあえず、変なことが起こったら、_zoom: 1; overflow: hidden; このふたつを入れてみると、うまいこといくことが多い。特に、リスト要素をフロートさせたり、ネガティブマージンを使ってなんかするときなんか…
WordPressで、今までに書いた全記事を一覧にして表示させるには、個別ページとして、例えば「全記事一覧」というタイトルだけつけた記事を新規作成、公開して、indexテンプレートの適当なところに、以下の一文を加えると全文ダーっと表示できます。 <ul> </ul> 月で…
WordPressにdiggっぽい評価プラグイン「Vote It Up」を導入するとき、WordPressをインストールしたディレクトリとは別のディレクトリにホームページを設定(WordPressを/wordpress以下に置いて、/xyz以下で表示させてる場合とか)していると、CSSやJSのパス…
僕が選んだわけではないですが、HTMLページをLightBox風にポップアップさせるのに、「LightWindow」というprototype.jsのライブラリを使ってみました。別ドメインのページなら、URLをそのまま書くだけでOKだったのに、同じドメインの下層ディレクトリからペ…
IE7で、同じウィンドウズXPマシンなのに、なぜか一台のPCのIE7でだけ文字サイズが大きい(そのPCのFirefoxとかではちゃんと文字サイズ同じ)ときは、ブラウザの設定かと思いきや。CSSのフォントファミリー「MS Pゴシック」が「lr oSVbN」とかに文字化けし…
各キャリアがだいたい対応してきているというだけで、「XHTMLでコーディングしなければいけない」っていう理由がいまいちわからなかったんですが、いろいろ調べてみると、どうやら、CSSを使うためには、XHTMLでコーディングしないとダメで、携帯ではdocomoが…
▼ヘッダーはじまり(position: relative;) タイトル(float: left;) ディスクリプション(position: absolute;で、タイトルの上に持ってきてる) 検索窓(float: right;) グローバルメニュー(clear: both;) ▲ヘッダー他の人がコーディングしたやつで、…
ホームページに、文字の「大」「中」「小」みたいなボタンをつけて、文字サイズを変更できるようにしてあるのをけっこう見ますけど、僕はあんまり好きじゃなくて(そういうことをさせないようにあらかじめ作るという意味で)。でも、介護とか眼科とかのサイ…
ひさしぶりにsafariで見たら背景が表示されてなかったので、css見てみたけど、特に変なことはしてないので、まったくわからず、ちょっと悩んでよーく見たら @charset "utf-8";@の前に半角スペースがまぎれてました。Firefoxとかはそういうとこけっこうゆるい…
WorePressのブログで、インデックスはタイトルや本文全部表示させて、アーカイヴ&検索結果は、タイトルと概要文だけにして表示件数も10件にする条件分岐。インデックスページ / 個別ページの表示内容 アーカイヴ&検索結果ページの表示内容WordPressは、テ…
IE6とIE7でリストの中にゴチャゴチャと詰め込んでそれをフロートさせて並べたときにできる下の余白は、よくあるパディングやマージンのあれやこれやではなく、clearfixを適用させると消えます。フロート+背景のブロック要素なら、clearfixを事前にかけてるの…
アドオンとかいれすぎて、Firefoxから離れられないようになってしまいましたが、やっぱりそのぶん重いので、何かとクラッシュしてしまいます(たぶんPCが限界なのもある)。なので、普通にネットサーフィン程度なら、たぶん、safariの方が快適なんではないか…
jQueryでカルーセル表示させるjCarouselをカスタマイズしようと、とりあえずCSSを読み込まずに組み込んでみたらjCarousel: No width/height set for items. This will cause an infinite loop. Aborting... というエラーが出て動かなかったので、いろいろ探…
WordPressでポートフォリオやフォトログ的なサイトを作りたいときは、やっぱりトップにサムネイルを並べてみたいというのがみんなの意見ではないでしょうか。WordPressでサムネイル付き記事一覧を表示したいときは、Post Thumbというプラグインを使うと良い…
MTとかワードプレスとかはそういうプラグインがありそうですが、普通の静的なページにRSSからの更新情報などを表示させたいときは、Google AJAX Feed APIというやつを使えば手っ取り早いみたいです。表示方法はいくつかあるみたいで、XMLとかでも吐き出せる…
普通にやっていて、こんなケースになることは稀だれとおもいますが、ブログシステムとか、プログラムでソースを吐き出してくるところでタグとかを触れない場合は、仕方なくCSSでなんとかユーザビリティを高めようと思うわけです。それで、ある画像と見出しリ…
せっかくiPhoneを買ったので、PCのウェブページを、CSSだけ振り分けてiPhone向けのページにしてみようと思ってやってたんですが。なんかスムーズにいかないです。<link rel="stylesheet" type="text/css" href="style.css" media="screen and (min-device-width: 481px)" /> </link>
先日、背景が1pxズレるということがあって、たしかIEで背景が1pxズレるというバグがあったような気がしたので、それかなぁ、と思ったんですが、Firefox3.0だけズレてるのでおかしいのなぁ、と思って調べてみると、bodyに対して背景をしくと、ウィンドウサイ…
最近はコーディングなどをしていても、けっこうバグが起こらないように気をつけてシンプルにコーディングするので、起こっても、あぁ、たぶんあそこかなぁ、なんてわかることもあるんですが。今日、ちょっとした制約から、パディングとマージンをちょっと複…
これではダメだ、ということで、今、新しい個人サイトを作ろうと思って作っています。できないというのは、したいことがないわけで、したいことが見つかれば、それをするために必要な技術がついてくるというやり方です。というか、もうちょっと本質的にサイ…
3Dのネットゲームが急にやりたくなったので、探してみたけど、Macでできるやつってないんですね。次はWindowsに乗り換えようと思います。そのときにまとめてソフトとかもWindowsで買いそろえたい。(お金ないからWindows7が正式に出てしばらく経ってからとか…
FLASH MX2004(ActionScript 2.0)でローディングバーをつけるというところで、本とか見ながらやって、一語一句間違ってないのにどうも動かない。ので、調べてみたらメモ : onLoadProgress をプレビューモードで使用してハードディスク上にあるローカルファ…
こないだ書いたXML読込式フォトギャラリー的なものを作るっていうのの続きですが、3.0でテキストエディタだけでインターフェイスを作るのは無理なので、(2.0はあんまり気が進まんけど)とりあえず、MX2004(ActionScript 2.0)でフレームに書いていく方法で…
今日、NHKで、昨年ノーベル物理学賞を受賞した3人の特集番組がやってたのでアイロンかけながら見てたら、世界最大の加速器が今年稼働するらしく、それで偉い学者さんが「その実験で理論的にわかっていること以上のことが起こることを期待している」みたいな…
あれだけFlex 4 SDKのインストールに苦労していた自分が本当に遠回りしていたことに気づかされました。ActionScript 3.0で書いたプログラムをテキストエリアに入力すると、即座にコンパイルされてその場で表示されるなんていう素晴らしい無料のサービスがあ…
コンテンツの内容が少ないときにフッターの下の余白が寂しい感じになるということがよくあるので、フッターを下付き(position:absoluteではなく)にしてウィンドウ縦幅に応じて上下に良い塩梅で可変するようにCSSでできないものかと、いろいろ調べてみたけ…
SWFって、今はHTMLにやるだけではIEで表示されないようになってるみたいですね。ということで、swfobject 2.1を導入してみました。<div id="flashcontent"> <p><a href="http://www.adobe.com/jp/products/flashplayer/">Get!</a> Flash Player.</p> </div> <script type="text/javascript" src=/js/swfobject.js"></script> <script type="text/javascript"> swfobject.embedS…
ページビューでのストレスをなくすために必要な知識をおしえてもらったので、メモっておく。これらすべてを必ずしも実行する必要はないが、知っているだけでも他のデザイナーさんやコーダーさんたちよりも一歩前に出ることができる。との話。(をこんな公に…