HTML/CSSで自分用の美術館を作る

関連

https://gyazo.com/4e83cb31fa63f0456a6aa84bcd616d2c

これをずらっと並べていく

borderとbox-shadowで額縁っぽくしている

名画につける額縁としては安っぽいけど今の私のスキルと学習コスト的にこれが妥協点

下にキャプションの札をつけてそれっぽくしている

解説文的なものを好きにつけられるところがこの試みのポイント

実際に並べる画像は別に名画というのではなく自分が好きな画像全般

イラストもあり

ゲームのパッケージもあり

好きな芸能人の写真もあり

動物の写真もあり

日本画や西洋画もある

画像に限らず動画もあり

画像の管理的にScrapboxの方が楽

なのでScrapboxの方が良いかなということも考えてはいる

画像部分は同じようにはできる

ただキャプションの札の部分がちょっと面倒だし理想通りには作れない感じがする

あと横に並べるというのが難しくなってくる

使う画像の置き場としてScrapbox（Gyazo）を使って、Gyazoのリンクを貼ってHTMLで見るのがいいかなと思ったり

そんなに頻繁に入れ替えるようなものではないのでコードを書かなければならないこと自体は大した負担ではない

ただローカルの画像ファイルを管理するのは大変面倒くさいということだけ気にしている

2021/12/01

Officeソフトで作るとこう

https://gyazo.com/c314e2dd99a9d79465b9f861f404230e

まあこれでも十分…

縁をつけるとその分画像の端がトリミングされた状態になる

Officeソフトの方が良いところ

配置が自由自在

作業が簡単

HTML/CSSの方が良いところ

Officeは紙面が限られる

Wordのwebレイアウトなら良いか…？

大量にやるならHTML/CSSの方が簡単

Officeは見た目を揃えるのがやや手間

拡大表示できる

試しはしたけど軍配はHTML/CSSに上がるかな

前提としてなんとしてもローカルファイルを素朴なやり方でいじってそれっぽいものを作りたい

つまり特定のツール形式に依存しない形で