HTMLでよく使うタグを整理しておく。入力エリア、ラジオボタン、チェックボックス、テーブル、ボタンなどを作りたい時に参考にできるようにしておきたい。単純にinputタグといってもtypeの指定で全然違う使い方もできるので、そのあたりも徐々に整理していきたい
CSSでアイコンや図形を作らないといけなくなった時のために、少しずつ用意していこうと思う。最初は簡単な丸や四角から初めて三角、台形、星あたりはできるようになっておきたい。
アイコンが動いたり、サイト内で動きをつけると少しリッチに見えます。もちろん動かしすぎはごちゃごちゃしてしまいますが、ちょっと動きつけたいなといった時に使えるように簡単なアニメーションをCSSで行う方法を整理しておきたいと思います。
擬似クラスとは? 簡単に表すと要素の状態を表すことができます。 class_name:hover { } といった書き方ができますね。 まずは、何があるかを整理しておきます。 よく使う擬似クラス hover これはよく使 …
HTMLで開発している時に、ちょっと特殊な作りをしないといけなかったり、あれってどう作るんだっけ?ということありますよね?そういう時の参考にできるものを整理しておこうと思います。。
とりあえずHTMLを作成していこうと思った時のテンプレートを用意しておこうと思う。 また、ゼロから作成する際に注意すべきことなどを整理しておきたい。 テンプレートの用意 HTMLをゼロからはじめる時のためのテンプレート …
HTMLのrangeを使ってスライダーを作ってみようと思います。 まずはinputタグでrangeを使ってみる まずは単純にinputタグのtypeをrangeで作成。 min、max、stepを指定してあげただけのシン …
選択できるパネルを作ってみる divタグで作ってみる スタイルシートでパネルを作ります。 そのあと、クリックした時に色を変更するようにjQueryで作ってみました。 選択肢1 選択肢2 選択肢3 htmltableタグで作成したテーブルをカスタマイズしておしゃれにしようと試みようと思う まずは、普通にテーブルを作ってみる 見出し1 見出し2 見出し3 見出し4 データ1-1 データ1-2 データ1-3 データ1-4 デー …チェックボックスをカスタマイズしてみようと思う。 一部、wordpressのテーマでCSSが当たっている部分もあるので、必要であればデベロッパーツールで見ていただければと・・・m(_ _)m チェックボックスを少しずつよ …色のRGBなどを全て覚えるといったことは不可能なので、自分がよう使う色や「あ、この色いいな」といった時にココに追記していこうと思います。サイト作成などで色を選ぶ時の参考になればと・・・