隠し要素：このdivはページ上部に固定されているヘッダー分コンテンツが見れなくなってしまうのを防ぐため作成されています。

あいまいワード検索
ここに調べたい内容を書き、クリックするとこのサイト全体で検索してくれます。 Google検索のシステムを使っているので検索結果の更新には時間がかかります。

第五章 9.一括で補助説明をつけたい。

サンプル

See the Pen Untitled by tetra-mix (@tetra-mix) on CodePen.

解説

疑似クラスの::beforeや::afterを使って前や後ろに説明などを加えることができます。 contentで説明の内容を指定できます。色付きリストも同じシステムを使っています。

第五章 10.地図(google map)を埋め込みたい。

サンプル

See the Pen 外部素材 by tetra-mix (@tetra-mix) on CodePen.

解説

Google MapやInstagram、Twitterなどでこの機能を利用することができます。 多分ほかにもいろいろなもので埋め込みコードが提供されているので興味があったら調べてみるといいと思います。

やり方

Google Map

Instagram

Back Home