日影石

フリーのWebテンプレート配布サイト

Memo

2018年07月の記事は以下のとおりです。

夜桜のテンプレート

20180715161206.png
新しいテンプレートを1点追加しました。
夜桜です!雰囲気第一に頑張ってみました。
#028のテンプレートを元に作っていたのですが、何かの拍子に上書きしてしまってほぼ完成していたHTMLとCSSがパーになるいう事態が…
幸い(?)画像はバナー以外残っていたので、記憶を頼りに再現しました。
結果、前よりそこそこいい感じになったので良かったです!
グーグルフォントが強みかもしれないですね。いいのを見つけられたので嬉しいです。
テンプレートの日記にも書いてありますが、いい感じの夜桜の画像がなかなか見つからず、パブリックドメインの写真を合成して作ってみました。
Photoshopでやっても良かったのですが、普段から使い慣れているクリスタで作業しました。(本業はお絵描きなので)
結構適当ですがそれっぽく見えたら嬉しいです!

追記でこっそり私信です。
(テンプレートを微調整したので、先程ちょっと書き直しました)

続きを読む

擬似フレームでレスポンシブ

20180709002640.24.45.png
更新しました、Template#002をレスポンシブ化しました。
インラインフレームを使っていたので擬似フレームで再現しました。
星が無駄にばらまいてあるデザインなので、これをどう綺麗に再現するか悩みました…
とりあえず疑似要素を使ってそれっぽくしてみました。
5年前の今頃に作ったテンプレートで、ほとんど修正せずに配布していた化石なので大変でした。
でも時間は前よりかかってない…といいな…!
Flexboxでレイアウトしようか悩みましたが、当然のごとく勉強不足でよくわからないので素直にfloatにしました。
左にメニューがあるレイアウトですが、解像度が小さくなると上に来るようになっています。
問題はその時のメニューが星のせいで押しにくい事です…
z-indexを使うとか色々対策はありましたが、タグが増えるのが嫌でスルーしちゃいました。

リヴリーの素材も配布中です、本当は何色か色を変えたものも配布したいですが流石にそこまで手が回らず(笑)
一押しのワタメだけでもレインボーカラーを配布しようかな?

ページ移動

  • 前のページ
  • 次のページ
  • ページ
  • 1