Memo

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

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

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

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

ページ移動

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