ツールチップ + ニュースティッカー

WEB制作技術の引き出しを増やすため、自分なりにアレンジしたコードをアウトプットすることにしました。

その中でも特に勉強になったコードを紹介します。

コピペで使えるようになっているので、あなたのサイトで使っていただけるとうれしいです。

あくまでデザインの一例にすぎないので、調整してオリジナルのデザインを作ってみてください！

ツールチップ

おさえておきたいところ

「ツールチップ」を使う目的はこんな感じです。

             目的：補足情報を表示させる
動きのきっかけ：マウスオーバー

ツールチップ

ニュースティッカー

おさえておきたいところ

「ニュースティッカー」を使う目的はこんな感じです。

             目的：限られたスペースにお知らせを表示させる
動きのきっかけ：画面の読み込み後 / 画面のリサイズ

ニュースティッカー：上下に遷移するお知らせ(bxSlider.js)

次回の予定

「カウンター」と「グラフ」を作ってみようと思います＼＼\\٩( ‘ω’ )و //／／