開発チームブログ
スタッフブログは、業界ポッドを運営する株式会社ルーラーの各チームが書いているスタッフブログです。開発チームはWEBコンテンツ制作に関する記事をメインに、企画チームはWEBに関することやそうでないことを色々と、青山千春ブログは当社のスポークスマンとしてブログを綴ってまいります。お見苦しい箇所が多々あると思いますが、よろしくおつきあいをお願いいたします。
コーディングが上手くいかないときは...
カテゴリ 開発チームブログ
コーディング作業をしていると、「あれ?なんで上手くいかないの?」とHTMLやCSSの設定が上手くいかないときが多々あります。 一つ一つソースを解読して、どこが間違っているのか探していくのですが、なかなかすんなりとは発見できないものです。 XHTML+CSS(+Javascript)では、それぞれ複雑に影響し合っているので、単に「表示がおかしい」といっても、 HTML側に問題があるのか、はなまたCSSかJavascriptかと、とにかく問題箇所の発見が難しいです。...
テキストを均等配置の落とし穴を解決
カテゴリ 開発チームブログ
前回はテキストの均等配置について書きました。 // HTMLソース //============================== <p> ~長い文章を入れてみてください。~ </p>...
テキストを均等配置
カテゴリ 開発チームブログ
例えば<p>などのブロック要素にテキストを流し込むとき、 特に指定しないとブロック要素の右側の文字は、きれいに揃ってくれません。 そこで、そのブロック要素に“text-align”プロパティをあててみます。 プロパティには「均等配置」を意味する“justify”を指定します。 // HTMLソース //==============================...
box要素を画面中央に配置
カテゴリ 開発チームブログ
お盆ももう終わり。 ようやく8月に入って夏らしくなりましたが、北海道の夏は短い...。 ご存じの方も多いかもしれませんが、北海道の夏休みは暖かい地域と違って、25日間しかありません。 今年はだいたい20日前後には夏休み終了のようです。 そろそろ半泣きになった子供たちがたまりにたまった宿題に手をつけ始めるころですね。 (そういう私も、夏休みの宿題のごとくこのブログを書いているのですが...)...
ダブルマージンバグ
カテゴリ 開発チームブログ
XHTML+CSSでコーディングをしていると、約1/3くらいはIEとそのほかのブラウザの表示差異を吸収する作業に追われます。 特にIE6がかなりのへそ曲がりなので、いつも泣かされてます。 IE6のかなーり有名なバグに、ダブルマージンバグがあります。 これは、floatしているボックス要素にfloatしている方向のマージンをあてると、そのマージンが2倍になってしまうというものです。...
CSSハック
カテゴリ 開発チームブログ
XHTML+CSSでコーディングでは、同じHTMLをいろんなブラウザでチェックする作業が不可欠です。 ブラウザ間で表示が違うからです。 大まかにいうと、IE系とその他のブラウザで違ってきます。 さらにIE6とIE7、IE8のIE同士でも見え方が違うので、その表示差異をあわせるのに一苦労です。...
CSSの小技Tips:注釈
カテゴリ 開発チームブログ
え~、小技といえるかどうかも怪しいですが、 よくWEBサイトを作っていると、あれこれ説明した後に注釈入れるときがありますよね? 例えば、こんな感じで。 ===================================== ※遠足のおやつは300円までとする。ただし、バナナはおやつに含めない。 =====================================...
CSSの書く順番
カテゴリ 開発チームブログ
CSSを記述するとき、どんな順番で書いていますか? 例えばこんなCSSを書くときがあったとして ========== .sample { color: #000000; float: left;...
OSC2009に参加してきました
カテゴリ 開発チームブログ
2009年6月20日(土)に札幌市産業振興センターで開催された、「オープンソースカンファレンス2009 Hokkaido」に参加してきました。 OSCオフィシャルサイトによると、、、 オープンソースカンファレンスとは、オープンソースの今を伝えるイベントです。東京だけでなく、北は北海道、南は沖縄まで全国規模 で開催しています。 オープンソースカンファレンスは、オープンソースのコミュニティや協賛企業様による、オープンソースセミナーやプロダクトの展示などを入場・参加料が無料でご覧いただけるイベントセミナーです。...

