Memo

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

暑いですね


20180720201103.png

数日前にTemplate#007をレスポンシブに対応させました。
古いテンプレートなのでなかなか大変でした。
文字コードも変えてありますので、新たに書き換える場合はご注意くださいませ。
いい加減全てのテンプレートの文字コード統一させたいのですがなかなか手が回らず…
一個一個修正している感じです。
特に昔のものはお見苦しいソースで申し訳ないです。
ですがデザインをそのままでレスポンシブに!リサイクルですね。

20180720201711.jpg
更にTemplate#014を先程微調整しました。
どうも背景画像と内容カラムの色バランスに違和感があったので、とりあえず半透明にしてなじませました。
困った時は半透明!管理人がよくやる方法です。

当サイトの方も、数日前にちょこっとリニューアルしました。
もうちょっといいデザインにしたくて画像を置いてオシャレ感を出してみました。

暑い日が続きますが、熱中症にお気をつけてお過ごしくださいね。
サイトをいじる時は水分補給もこまめにしましょう!

夜桜のテンプレート

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

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

続きを読む

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

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

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

ページ移動

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