カテゴリ:

WEBデザイン

ふぅ。。
ブログのデザイン変更は大枠は少し前に終わったんだけど、素材の軽量化+Javascriptでやりたかったことを実現できたーーっ!!!

ようやく終わった。
すげー疲れた。。

この2〜3ヶ月で行ったのは以下。

・Fireworks/Dreamweaverの学習
・HTML5/CSS3の学習
・Javascriptの学習
・WordPressの学習

で、それぞれ学んで後でブログのデザイン制作+HTML&CSS&Javascriptのコーディング、あとはパフォーマンス改善のための細かい微調整で以下。

・バラバラだった画像ファイルを1つにまとめて、CSSでposition指定して表示
・CSSファイルとJavascriptファイルを圧縮

色んな技術的な基礎もその過程で学んでたので、えらく時間がかかった。
けど、おかげでそれぞれの技術の基礎的な知識は取得できたと思う。

今回の作業で覚えたことはブログに近々まとめようと思う。

次はjQueryについて学ぼう。

で、その次はスマートフォンサイトへのレスポンシブWebデザイン化だっ!!

このブログは、レンタルサーバーにWordpressをインストールして、自前で運用してる。

昔はBlogger使ってたんだけど、細かいコントロールが出来ないことが不満で、去年乗り換えた。それまでに書いた記事は全部引き継いで。

ただ、今までデザインが不満で、Wordpressでインストールできるテーマ(Theme)の中にもしっくり感じるのも無く、前々から自分でテーマ作りたいと思ってた。

今回転職するにあたって時間が出来たこともあり、FireworksやDreamweaver、CSSやJavascriptの学習兼ねて、ついでにWordpressの仕組みも学んで、ようやくテーマに反映できるくらいデザインが仕上がった。トータルで2ヶ月〜3ヶ月近くかかった。。
で、本日Wordpressのテーマに設定し、デザイン変更が完了!!

1〜2年前くらいからやろうやろうと思ってたことが、ようやく実現できた!!!

もっとも、まだまだ微調整が必要な箇所あるので、少しずつ直していく予定。

パソコン版のデザインが一通り終わったら、次はスマートフォン用のデザイン。
レスポンシブWEBデザインのサイトにする予定。

その先に余力があったら、他の人が使えるように、Wordpressのテーマとしてアップロードしようかしら?

まだまだ学ぶことたくさんあるけど、一旦形に出来た、成果としてアウトプットできた、ってのが自分としても嬉しい。インプットだけじゃなく定期的にアウトプットもしないと人間モチベーションがもたない。今回改めて実感。

何よりも、WEB上での「表現力」が上がったことが嬉しい。
これで、「こういう形でアイコン/ページ/サイトを作りたいな」と思ったときに、それを実現できる基本的スキルが身に付いた。

まだまだ錬磨が必要。これからだ。