主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

2009-03-01から1ヶ月間の記事一覧

フッターを下付きにするのはけっこうな手間。

CSS

コンテンツの内容が少ないときにフッターの下の余白が寂しい感じになるということがよくあるので、フッターを下付き(position:absoluteではなく)にしてウィンドウ縦幅に応じて上下に良い塩梅で可変するようにCSSでできないものかと、いろいろ調べてみたけ…

Flashがどうもあれなので、swfobject 2.1を導入してみました。

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…

差がつく知識。

ページビューでのストレスをなくすために必要な知識をおしえてもらったので、メモっておく。これらすべてを必ずしも実行する必要はないが、知っているだけでも他のデザイナーさんやコーダーさんたちよりも一歩前に出ることができる。との話。(をこんな公に…

IE8で変わったこと。

web標準と、後方互換、二兎追うものは一兎も得ず。 altがポップアップしない。 bodyに対するテキストサイズ指定を「IEはハックで%指定、他のブラウザはpx指定」にしてると、文字サイズを変更できなくなってる。(メニューの互換ボタンを押せば、IE7のときみ…

FLASHのステージ上でテキストがギザギザ。

なんでか、ステージ上で文字がギザギザで、書き出すとちゃんとアンチエイリアスが効いてる。という現象に悩まされました。MX2004があかんのかなと思って、試しにCS4の体験版をダウンロードしてみたら、CS4でも同じだったので、これはPCか環境設定の問題やと…

illustratorからPhotoshopにパスをコピーするとき。

illustratorからphotoshopにパスをコピーするとき、普通はダイアログが表示されて、パスかピクセルかなんやらと選べるんですが。環境によって選べないときがあって、macはあかんのかなぁ、とか思ってたんですが。illustratorの方のメニュー[環境設定]→[フ…

Processingをやってみようかしらん。

今日、本屋で、ActionScriptとかFLASHの本とか、プログラミングの本を立ち読みしてたら、ビジュアルデザインのためのプログラミング言語「Processing」というのを扱った本を発見して、少し興味がわいた。早速、家に帰って、検索してみたら、その本では、まだ…

position: relative;を使うと、もともとの画像の場所分の余白ができる。

CSS

縦に並んだ画像を、position: relative;で、上の方に移動させて配置すると、その画像がもともとあった場所の分、下に余白ができる。そういうときは、その移動させた要素に対して、margin-bottom: -○○px;など、ボトムにネガティブマージンをとってやると、余…

FLASHでモーションつけるには。

ActionScript3.0やなんや言う前に、FLASHの概念自体をまず理解しないとダメなのでFLASHもぼちぼちやって行こうとは思いますが、いかんせんCS4が出てる時代にうちにはMX2004しかありません。しかもMX2004はActionScript3.0使えないので、2.0と3.0で文法が違…

MacでFlex 4 SDKをインストール。

とりあえず、FLASH CS4を買うお金はないので、テキストエディタで書いたスクリプトをFlex 4 SDKっていうソフトでコンパイルしてSWFに出力するFLEXという技術(?)で、もうほんまに火の海に飛び込むような感じで無茶してやろうと思います。もう、ターミナル…

パンくずリストの順番。

MTでパンくずリストの順番が逆になっていて、おかしかったので直そうと思ったけど、なかなかそういった事例の記事が見つからず。結局、ブログを投稿するときのカテゴリの選び方に問題があることがわかった。簡単にいえば、★ web web > movable type web > mo…

カテゴリのフォルダを並べ替える。

MTではカテゴリにエントリーない場合「リンク切れにする」という処理しかできないっぽいので、リンク切れのやつは、display:none で消してたのですが、どうやらIEだと、リストの中が空でも余白ができてしまうので、カテゴリの順番を変えて、とりあえず空のや…

Movable Type の条件分岐タグについて 2

Movable Type の条件分岐タグについて、前回はほとんど理解せずに何となく書きましたが、今回は、ひと皮むけました。一番理解できてなかったのは「条件分岐をさせるための変数を定義の仕方がわからん」というところで、元々テンプレートとして存在している、…

IndexContextで最近の記事リストを変動させない。

MTで、最近の記事リストとか最近のコメントリストのところが、アーカイブページにいくと、そのアーカイブ記事での最新記事が表示されるため、なしになったりするのがすごい気になったので、どうにかならないかと思ったら、IndexContext というプラグインでな…

MTの環境設定ファイル mt-config.cgi の設定。

サブドメインで構築したり、プロフィール画像のサイズを設定したりするのには、環境設定ファイル mt-config.cgi の設定を変更する必要があります。 環境変数リファレンス: http://www.movabletype.jp/documentation/appendices/config-directives/サブドメ…

CSSでmin-heightをIEでも使えるようにする。

CSSでmin-heightをIEでも使えるようにする。■min-height div { min-height:100px; height: auto !important; height: 100px; } ■min-width div { min-width:100px; width: auto !important; width: 100px; } 参考: http://blog.creamu.com/mt/2008/03/cssmi…

IE6 でフロートさせるとマージンが2倍になるバグの対処。

IE7をメインで使うようになってついつい忘れがちやけど、IE6 でフロートさせるとマージンが2倍になるので、div { display: inline; float: left; width: 300px; } わざわざ*htmlハックをつかって指定を増やすよりも、「display:inline;」で対応。

IEだけでなんかわからんことが起こった場合には。

IE独自の拡張プロパティ、「hasLayout」が原因であることが多い。らしい。主な対処方は、その該当する要素、または、それを含む要素自体に、 widthをpx、または100%指定する。 height:1%を指定する。 zoom:1%を指定する。 と直るようです。 IEでのCSSのバグ…

JSValidateで日本語が文字化け。

とある入力フォームに、ちょっと良いところを見せようと、入力チェックAjax「JSValidate」を導入しようと思ったら、外国の人が作ったやつなので、日本語が文字化けする問題が起こりました。いろいろ試行錯誤して、HTMLの方の文字コードを"Shift_JIS"にしたり<form method="POST" action="" name="" accept-charset="utf-8"></form>…