ホームページをリニューアルした。シンプルを追求したらこーなった

スポンサーリンク

暑いですねぇ・・・。

日中はエアコンなしで生活してます。

が、今日はエアコンのスイッチをON!

現在の室温は25度!かなり涼しい・・・。

さて、ホームページを完全リニューアルしました。

こんな感じになりました。

シンプルを追求した結果です。トップページと合わせて7枚のページ数。1つ1つ作ってたら時間がかかり過ぎるので、テンプレを作ってそれを使いまくり。

でも、1.5日はかかりましたねぇ・・・

かなり疲れました。

CSSで動きを付ける

個人的にはあまり好きではないですが、CSSで軽く動きを付ける事にしました。

ページを開くと上からサラッとコンテンツが表示されるような感じです。

CSSで言うとこうなります。

@keyframes header {
        0% {
            opacity:0;
            transform: translateY(-80px);
        }
        100% {
            opacity:1;
            transform: translateY(0);
        }
}

#gloval_header {
    animation-name:header;
    animation-iteration-count: 1;
    animation-duration:1s;
    animation-direction:normal;
}

今回初めての試みだったので少しだけ苦労しましたな(笑)。

実装に1時間くらいかかったかも。

ま、上手く出来て良かったです。

これも1度作ってしまえば後から使えますので今後は素早く実装出来るでしょう。

サンプルを作りまくるぞ

トップページがかなり気に入ったので、あとはサンプルを作りまくるだけ。

基本的にはシンプルイズベストで行きます。僕、これしか作れないので(笑)。

まとめ

最近キーボードを買ったのですが、かなり気に入っています。確か1600円ほどで買ったかと。

でも、今、欲しいキーボードがありますが、これで我慢(笑)。

という感じで今回はここまで。