loading

サイトちょっと改装しました。

めりーくりすました。
今月中旬くらいからメンテナンスモードにしてサイトをいじってたのですが、やっと終了しました。大変でした。

え?変わってないじゃんって思うじゃん?
いやですね、コーディング環境をがらっと変えまして。

具体的に言うと、sassとgulp.jsを導入しました。
あと、flocssのルール把握がちゃんとできていなかったので、BEMを取り入れながらclass命名の規則を変更したりですね。
これでサイト管理がしやすくなるといいなぁ。カスタマイズするにも変なことに時間取られなくていいですね。

gulpはsassのコンパイル、ベンダープレフィックス自動付与、メディアクエリ纏め、CSSファイル圧縮と、jsファイル連結、jsファイル圧縮のタスクを走らせてます。
gulp-pleeeaseがすんごい便利!
後々SVG軽量化やSVGスプライト自動生成のタスクを盛り込んでいきたいところ。
ロゴマークとかももう少し綺麗にしたいですしね。

見た目の話では、ちょこっと余白など調整して、あとはキャッシュを保存して一定期間アクセスしていないユーザーには「ここは同人サイトだよ!」ってことを知らせる画面を表示してたんですが、いらねって思ったので消しました。
代わりにローディングアニメーションを追加。(アニメーションはフリーのをそのまま流用ですが…)
本当は非同期で読み込み開始時からアニメーションさせてブラウザ更新することなくページ遷移させたかったんですが、head内の書き換えと遷移後の他プラグインの処理がうまくできなくて諦めました。
やっぱjs書けないとダメだなぁ。

Comment

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

ページ上部へ戻る