1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

部品化:トップに戻るボタン

Posted at

これから効率的にウェブ開発ができるように、どんどん部品化をしていきたいと思います。
ポイントは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>
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?