低価格・高品質・最速のHTMLコーディングはクロノドライブへ

お電話でのお問い合わせ・ご相談はこちら 03-6416-5813 [C-0]

お見積もりフォーム

コーディングノウハウコラム

CSS3で新たに追加されるプロパティと各ブラウザの対応状況まとめ

CSS3で新たに追加されるプロパティは多岐に渡りますが、今回はそれらのうちから色に関するプロパティの説明とサンプル、そして各ブラウザの対応状況をご紹介します。RGBaプロパティRGBaプロパティはRedGreenBluealphaTransparencyの略で、要素に対して透明度を持った色を指定することができるプロパティです。適用できる要素は、border-color、background-col...続きを読む

意外と知らない? ol要素で箇条書きの開始番号を指定するテクニック

順序付きリストであるol要素ですが、例えば1~3番目の要素を記述して、その間にテキストや画像などを挟み、またそれまでの番号から続けようとolを新たに記述すると、箇条書きの番号がまた1から始まってしまいます。そういった場合に、箇条書きの開始番号を指定してリストを作成する方法です。HTMLviewsourceprint?01<ol>02  <li>1番目の要...続きを読む

ゼロから始めるガラケーコーディング 初歩の初歩編

現在、スマートフォンが爆発的な流行を見せていますが、一方で日本独自の携帯、いわゆるガラパゴス・ケータイの勢いが衰えることはありません。そこで、今回から数回に渡り、「ガラケー」向けのコーディングについて、考えていきたいと思います。一般のHTMLとは何が違うのか?基本的には、一般的なHTMLをコンパクトにしたものと考えても差し支えありません。しかし、キャリア...すなわち携帯電話会社ごとに独自仕様のH...続きを読む

通常のスタイルとは別に、印刷時のみに有効となるスタイルを作成する方法

通常、何も意識せずに記述したCSSは、画面表示時と印刷時で同じように適用されます。しかし、メディアタイプを指定して記述することで、それらを別々に分割することが可能です。CSS内に直接記述する方法「@mediaprint」という記述以降に書かれたスタイルは、印刷時のみ有効になります。例えば、viewsourceprint?1#contents{2    fon...続きを読む

5分でわかる! ここが変わったHTML5 レイアウト要素編

様々な要素が追加・削除され、HTML4以前とは大きく環境が変化すると話題のHTML5。そこで、HTML5とHTML4を比較し、変更される点などをこれから数回に分けてご紹介していきたいと思います。今回はレイアウト要素編です。header要素、footer要素一般的なレイアウト手法に従ってレイアウトされたサイトには、ヘッダとフッタと呼ばれる本文とは別の部分が存在します。ヘッダはサイト上部に位置し、主に...続きを読む

たった一行でclearfixを使わずにfloatを解除するテクニック

floatを使った際の表示の崩れを正すためによく使われるclearfixですが、それを使わずともfloatを簡単に解除する方法をご紹介します。HTMLviewsourceprint?1<divclass="sampleBox">2    <divclass="boxLeft">3    &nbs...続きを読む

画像を用意しなくてもCSSだけでロールオーバー効果を表現するテクニック

画像のロールオーバーに関するまとめ記事を更新しました。下記リンクよりご覧ください。【比較】覚えておきたいロールオーバー画像切替え5つの手法(CSS?JS?onmouseover?)通常、ロールオーバーで画像を変化させて強調する場合には、ロールオーバー前の画像とロールオーバー後の画像、2種類を用意しなければなりませんが、そんな手間をかけずとも、CSSだけで画像を変化させて強調するテクニックがあります...続きを読む

たった6行追加するだけ!CSSだけで透過PNGをIE6で表示させるテクニック

背景を重ねたり、画像文字に使用したりと、何かと便利な透過PNGですが、実はIE6には対応していません。そこで今回は、CSSのみを使って透過PNGをIE6で表示させる方法をご紹介します。HTMLviewsourceprint?1<divclass="sampleBox">2    <p>サンプルテキストサンプルテキストサンプルテキストサ...続きを読む

もうちらつきで困らない!画像のロールオーバーでちらつきを防ぐテクニック

画像のロールオーバーに関するまとめ記事を更新しました。下記リンクよりご覧ください。【比較】覚えておきたいロールオーバー画像切替え5つの手法(CSS?JS?onmouseover?)画像ボタンなどでロールオーバーをしようとする際に、画像を読み込む一瞬のラグでボタンがちらついてしまうことがあります。そのちらつきを防ぐための方法をご紹介します。HTMLviewsourceprint?1<divcl...続きを読む

IE6でfloatを指定した要素の左右marginが大きくなる(倍になる)

写真をfloatさせてテキストを廻りこませたら、IE6だけ写真の位置が違う!なんて経験ないでしょうか。これは特定の条件が揃った際に起こるIE6のバグなのですが...はてさてその発生条件とは。発生条件このバグはスタイルシートで次のような指定がされているときに発生します。viewsourceprint?1.bug01{2       ...続きを読む
1 2 3 4 5 8