Webサイトをコーディングする場合、見出し(h1〜h6)のスタイリングって結構厄介ですよね。特にCSS2までは角丸や影を表現するには画像を使わないとできませんでした。しかしCSS3を使うと格段に表現の幅が広がります。今回はCSS3を使って見出しをスタイリングする方法をご紹介します。
Read MoreTag Archives: HTML
HTML5とWebアプリの現在→未来
ここ1,2年でiPhoneやiPadに代表されるモバイルデバイスの発展と普及には目を見張るものがあります。Androidもまたしかり、いよいよiPhoneを追い抜こうかという勢いです。iPhoneアプリやAndroidアプリに注目が集まり、多くのディベロッパーが参入しています。昨年海外では9歳の少年がiPhoneアプリを作ったというニュースもありました。
確かにスマートフォンが巷を席巻し、猫も杓子も「アプリ！アプリ」となっていますが、あえて言おう「HTML5とWebアプリの時代が来る」と・・・
iPhoneやiPad,またはAndroidのモバイルデバイスではネイティブアプリ(端末上でネイティブ動作するアプリ)が主流です。しかしこの流れは今後5年のうちに大きく変わってくるでしょう。もちろんiPhoneアプリが無くなると言う話ではなく、ネイティブアプリとWebアプリそれぞれが上手く棲み分けする形になってくると思います。その理由の1つが、HTML5の普及です。iPhoneやiPadには最も先進的な(悪く言えば先走りし過ぎてる)WebkitベースのSafariが載っています。Android端末には同じくWebkitベースのChrome、またはOperaが搭載されています。これらのブラウザはどれもいち早くHTML5とCSS3に取り組み、先進的に実装を進めています。
つまりiPhoneやiPad, Androidといった先進的なモバイルデバイスの多くには「HTML5とCSS3を使う環境が既にある」ということ。機は熟したのです。 Read More
初心者が知っておくべきWebで使われる画像フォーマット「gif・jpeg・png」の特徴
画像データには様々な形式があります。Webでは主に次の３つの画像フォーマットが使われています。
- JPEG
- GIF
- PNG
Webサイトでこれ以外の画像フォーマットが使われることはほとんどありません。Webに限って言えばこの３種類の特徴と使われ方を押さえておけばOKです。では続いてこれら３種類のフォーマットの特徴を見ていきましょう。
Read More
HTML初心者が最初に覚えるべきタグ(2)
HTML初心者が最初に覚えるべきタグ(1)の続きになります。今回はdl,dt,dd要素とaddress要素についてです。
定義型リスト
<dl><dt><dd>は必ずセットで使います。1つだけ独立して使うことはありません。具体的な書き方は下記のようになります。 Read More
HTML初心者が知っておくべきリセットCSS と3つのポイント
HTMLとCSSを勉強し始めると誰もがブラウザ間による実装の違いに頭を悩ませる事になります。最近はIE6のシェアが落ちてきた事により、以前よりWebサイトが作りやすい環境になってきてはいますが、それでもまだブラウザ間のCSSの差異は存在します。そのわずかな差や各種バグのためにCSSの裏技であるCSSハックを用いたり、条件分岐コメントという方法を用いてIEにだけCSSを適用したりとWeb制作者は長年非常に苦労してきました。今回はHTMLを学び始めたばかりの初心者が知っておくべきリセットCSSとそのポイントについて書いてみます。
Read More