お知らせ★橋カード一覧ページ
2021-11-26
1440



先日のマンホールカード一覧ページに続き、HTMLとCSSのお勉強をしながら新たなページを作成しました。
同じく出会いのきっかけは道の駅巡り、橋カードです。
http://manhole.natsume-ichigo.xyz/manhole.html
トップのメニューカテゴリ>コレクションからも行けます。



今回はさらに自己満足のページ。
画面トップでゲットした橋カードの画像がひたすら流れます。
(CSSアニメーションに挑戦したかったので…)



橋の名前とカード配布場所のみ記載ですが、クリックするとカードをもらった時のブログへ飛びます。
延々と画像が流れ続けますが、これまでゲットしたカードは意外に少なく8枚でした
偶然出会えたらラッキー位の温度感なので、新しいカードをゲット次第のんびり更新していきます。
ページ下には県ごとのカード画像をまとめていて、クリックするとカード裏面の画像が拡大表示されます。



こちらはjQueryで作成
JavaScriptの勉強が中途半端なところで止まって(サボって)いましたが…jQueryが楽すぎて驚きました!
でもやっぱり基本からちゃんと覚えないとな〜と思う今日この頃。



趣味兼仕事の為の勉強として引き続きhtmlで、ダムカードや道の駅記念きっぷのコレクションページもこの先いつか作成したいと思います。