HTML のタグを一度覚えたら一生忘れないようにするためのコツ

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

IT の世界は, よく省略名が使われます. そもそも IT ってのが Information Tecnorogy の略ですしねw

HTML(HyperText Markup Language) も例外ではありません. HTML で使われるタグは, ほぼ省略形で記述します.

例えばテーブル. テーブル系の要素は tr, th, td ってのがありますね. これらの要素を単純にそのまま覚えてしまうとふとコーディングをするときに最初に書くのって tr だっけ? td だっけ?? 中に書くのは th だっけ? tr だっけ??

なんてことになります. HTML 学びたてのかたは経験したことがあるのではないでしょうか?

そこで今回は, HTML のタグを一度覚えたら一生忘れないようにするためのコツを紹介します. 紹介するコツをマスターすればそんなことは一切なくなります.

コツといってもやりかたは簡単で, “タグ名と一緒にその省略前の名前をセットで覚えちゃおう!”ということです.

※最近学生さんに HTML を教える機会があり, その時の説明に使ったコツです. 好評だったのでエントリーにしたのですが超初心者向けなので, 期待外れだったらゴメンナサイ.

screenshot

Read More

CSS / CSS3 and LESS で作る iPhone ボタン – Step 04 ブラッシュアップ! hover や action 時の変化

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

超簡単♪ CSS / CSS3 and LESS で作る iPhone ボタン』の Step 04.

前回は CSS3 を使って光沢を付けたり角丸にしたりと見た目を派手にする方法について学びました. 今回は最後のブラッシュアップです! ホバー時の演出やクリック時のくぼみを表現します.

screenshot

Read More

CSS / CSS3 and LESS で作る iPhone ボタン – Step 03 見た目をゴージャスに! 光沢を出そう

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

超簡単♪ CSS / CSS3 and LESS で作る iPhone ボタン』の Step 03.

前回.button mixins に渡した値をプロパティに適応させていきました. この Step では CSS3 をバリバリ使って一気に iPhone のボタンっぽくしていきます. 光沢を出すためのフィルターを mixins で作成し, ボタンに適応させていきます.

screenshot

Read More

CSS / CSS3 and LESS で作る iPhone ボタン – Step 02 空だと意味が無い! 引数のパラメータを適応させよう

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

超簡単♪ CSS / CSS3 and LESS で作る iPhone ボタン』の Step 02.

前回は ボタンスタイルを簡単に適応できるように中身が空の .button mixins を定義しました. 今回やっと見た目が変わります! mixins に渡した値をプロパティに適応させていきます.

screenshot

Read More

CSS / CSS3 and LESS で作る iPhone ボタン – Step 01 要素をボタンスタイル化する mixins を定義しよう

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

超簡単♪ CSS / CSS3 and LESS で作る iPhone ボタン』の Step 01.

前回は, ベースとなるマークアップとスタイルを書きました. このStepでは ボタンスタイルを簡単に適応できるように mixins を定義します. ここではまだ mixins は空なので見た目は変わりません.

screenshot

Read More

CSS / CSS3 and LESS で作る iPhone ボタン – Step 00 まずは基本となるマークアップとスタイルを!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

超簡単♪ CSS / CSS3 and LESS で作る iPhone ボタン』の Step 00.

まずは, ベースとなるマークアップとスタイルを書きましょう!

screenshot

Read More