これから効率的にウェブ開発ができるように、どんどん部品化をしていきたいと思います。
ポイントは3つです。
(1) コピペだけですぐ使える。(これを実現するために、たとえばCSSをなるべくHTMLで記述)
(2) なるべくジェネリックに使えるように。(たとえばreset.cssがあってもなくてもOK、外部参照は最小限に)
(3) 部品が増えてくると整理方法が鍵になってくるが、作りながら考えていきたいことに。
parts-back2top.html
<a href="#" style="position: fixed; bottom:30px; right:30px;
width: 50px; height: 40px; border-radius: 50%; padding-top: 10px;
background-color: navy; color: white; font-size: 50px;
text-decoration: none; text-align: center; line-height: 1;
">^</a>