こんにちは、inoueです。GWが終わったばかりなのに今週末は母の日ですよ。みなさんカーネーション用意しました？ さて、この春からプログラミングを始められたかたもスタートから1カ月が経過しましたね。 プログラミングに慣れてきましたか？できることは順調に増えてきましたか？ そんな方にぜひ気にしていただきたい、プログラミングのちょっとしたポイントを7つ今日はお話したいと思います。 1. 何を作るのか、を把握する 作業指示や仕様書をしっかりと理解する、というのがまずやるべきことになります。 「こうだと『思っていました』」で作業を進めてしまっては、手痛いしっぺ返しを食う可能性大です。 指示されたもの以外にも確認できる資料があれば、積極的に読みましょう。 それによって、これから作るものが含まれるシステム全体の理解が深まり、よりよいプログラムを作ることができます。 2. わからないことは、すぐ聞く 不

こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">

ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi

こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery

第 8 回目は「CSS を使ったわかりやすいテキストリンク」です。 CSS を使って、リンク先の内容がユーザにわかりやすいようにしてみましょう。 サンプルの XHTML はこちら <p>詳しくは<a href="http://c-brains.jp/about">会社概要</a>をご覧ください。</p> <p>詳しくは<a href="http://c-brains.jp/about" target="_blank">会社概要</a>をご覧ください。</p> <p>詳しくは<a href="hoge.pdf">会社概要</a>をご覧ください。</p> <p>詳しくは<a href="hoge.xls">会社概要</a>をご覧ください。</p> 1 行目は外部リンク、2 行目は別の WINDOW で開く外部リンク、3 行目はドキュメントルート内に置かれた PDF ファイルへのリンク、4 行目

第 5 回「CSS を使った見栄えの良いフォーム パート2」です。 各ブラウザ毎の差異でなかなか扱いにくいフォームまわりですが、今回は CSS だけで工夫する例をいくつかご紹介します。 ■背景画像を使った例 まずは背景に画像を使用した例です。 CSS の指定は単純に input タグのワクを消して背景に乗っけただけ。画像を入れ替えれば簡単にガラリと印象の違うフォームを作れます。 XHTML <form> <ul> <li><input type="text"/></li> <li><input type="text" /></li> <li><input type="text" /></li> </ul> <p><button><img src="ex01_btn.gif" alt="" width="63" height="17" /></button></p> </form> CSS

[HTML] <table id="table-01"> <tr> <th>MS 名</th> <th>パイロット</th> <th class="speech">台詞</th> </tr> <tr> <td>ザク II</td> <td>ジーン</td> <td>シャア少佐だって、戦場で勝って出世したんだ！</td> </tr> <tr class="even"> <td>グフ</td> <td>ラル</td> <td>ザクとは違うのだよ、ザクとは！</td> </tr> <tr> <td>アッガイ</td> <td>アカハナ</td> <td>大佐、イワノフのアッガイがやられました</td> </tr> <tr class="even"> <td>ゲルググ</td> <td>シャア</td> <td>ララァ、私を導いてくれ</td> </tr> </table> [CSS] 要所のみ掲