あきむら研究所
”現状維持を抜け出して 健康的に楽しく人生を創造する”
JINのコード勉強確認記録

9/6行動記録その二

今日もサイトについて勉強していく
前回の続きから

こんな感じ
マーカー1

こんなかんじ
マーカー2

言わずと知れたマーカー、ラインよりも明るく柔らかい印象を与えてくれる。
逆に強調したいときとかには不向きかも

詳細ページ公式ページ

横並びボタン購入するときとかによく見るやつだね、今はリンク先を指定していないからページ移動はしないけど、ゆくゆくは活用出来たらいいなと思う。ちなみに#のところにリンク先を入れる感じになると思う。

詳細ページ
さっきの横並びの個々のバージョン
公式ページ
こっちも結構見るやつだね

詳細ページ
カスタムボタンというらしい
公式ページ
少し形が変わったかなこのあたりのデザインもできるようになりたいね

ランキング1位
ここに広告タグ(300 x 250)をコピペ
ランキングというらしい
裏側のコード
すごいいろいろこれもよく見るよね
書かれていて目が痛くなる商品とかサービスとか
まさか一気に3位まで出るとは使い勝手はこれが一番!みたいなやつで

詳細ページ公式ページ

ランキング2位
ここに広告タグ(300 x 250)をコピペ
ここに説明文を入力してください。ここに説明文を入力してください。
項目名
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。

詳細ページ公式ページ

ランキング3位
ここに広告タグ(300 x 250)をコピペ
ここに説明文を入力してください。ここに説明文を入力してください。
項目名
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。

詳細ページ公式ページ

いや―便利なもんだね
すごい驚き

続いてこれも結構便利だ
使い方としては結構自由度がある
というやつここにリンクを張るタイプも
これもよく比べるときに見せる目的として
出てくるね結構あったりする
こんな感じ
中央寄せさっきまでと変わって非常にシンプルになったこれも結構使うことは多そう

こんな感じ
こんな感じ
こんな感じ

最後はカラーこれも結構よく見るやつだ。そして使い勝手もよさそう。
これでコードの基礎は終わりかな。よしよし
分からなくなったら見返せるようにはしたのであとは発展させていくだけだ。