style-free | Webデザイナーのヒヨコ

お仕事でPhotoshopを使うことが多いので、Illustratorが苦手です。
でも、アイコンやロゴを作る時はIllustratorが良いんですよねー。
「習うより慣れろ」って言うぐらいだから、使って操作になれなきゃ…
ということで、作ってみました。アイコン↓

使い物になるかなぁ・・・(汗)

明日は5時半起きだ。

本当に、とりあえずって感じ。
締め切りに追われるという経験があまりないので
ヒィーヒィー言ってしまいました。

一応完成させたものの、できたものを見ると自分の未熟さにかなり凹んでしまう。
まず、Illustratorが使えない。
素材作りに時間が掛かってしまう。
素材の完成度が低い。
アイデアが貧相。ワンパターン。
色使いにバリエーションがない。
・・・数え上げればきりがない！

これって勉強で補えるんだろうか？？？

明日から旅に出ます。

バリ島から帰ってきて、やっと現実に戻ってきました。
仕事＆勉強モードになるまで時間が掛かってしまったなぁ～
バリ島ののんびりムードが心地良かったんだもん♪

さて、のんびりばっかりもしていられないので、お勉強開始！

見た目にはあんまり変わらないですが、style-freeを少し修正しました。

見るのがかなり怖かったけど、ダメもとでググってみました。

結果は・・・
BOSSセンセの『Web標準へ｜講師日和「ヒューマンアカデミー銀座校 Web講座』が
1ページ目の上位6番目に。
その下に『style-free』がっ！と思いきや
あつのすけさんがコーディングされた分でした。(^^；
やっぱりね・・・

同じ見た目でも、こうやって差が歴然と出てしまうのは
HTMLのコーディングの差ということですよね!?

自分がコーディングしたものと、あつのすけさんがコーディングしたもを見比べてみると
大きな違いは以下の２つ。

・メニューの位置も含めたh1の位置
・h2～h5の使い方

やはり、h1は何をも差し置いて頭に持ってくるべきだった？
（これはすぐに修正しなければ！）

あつのすけさんのコーディングで疑問に思ったこと。

・h2にリンクを入れる意味は？
・やはりh1～h5までを書き揃える事に意味がある？

見出しの扱いについて、再考察してみます。

NHKの『みんなのうた』をなにげなく見ていたら
おもいっきりうっき～好みの映像が。
ぬいぐるみのくまが可愛いすぎーー！
ズボンは時々ずりおちるし、おめめにボタンくっつけてポロっと落としてるし。

歌詞も不思議。
くまのライバルは海老フライって！
ゼンセはチョコレートだしー。（笑）

すっかり引き込まれて最後まで見ていたら
なんと、歌っているのが宇多田ヒカルでビックリ！

いつものヒッキーの歌い方や声じゃないみたい。
ほんわかした声や歌い方が、『くまくん』にぴったり♪

愛くるしいくまくんにメロメロですぅ～～！

StyleCatcherというプラグインを使ってみました。
簡単にデザイン変更ができるので、おもしろいかも～

さらに勢いで、追記部分をJavascriptでページジャンプしないように変更。
MovableTypeを攻略せよ！ を参考にさせて頂きました。

そそ、それからようやくMTを3.3にバージョンアップしました。

マンガや映画では見たことがあるけど、
屋根の上で本当に「コケコッコー！」と鳴くニワトリを見たのは生まれて初めて。

先日有線から「アヒルンルン、アヒルンルン、ぼくた～ちは・・・」
「クェクェクェ、クヮクヮクヮ、あひるのワルツ～♪」とどこかで聞いたことのある歌が。

アヒルってことは、アフラックのCMソングだったかな。
1曲まるまる流れてたので、これってちゃんとした歌だったの？って感じ。

日曜日の昼下がり、こんな陽気な歌を聴いちゃったら
思わず一緒に口ずさんでしまう・・・(^^；

最近『リテラシー』って言葉を良く聞きます。
literacyってどういう意味？
ググってみました。

　読み書き能力。識字能力。
　ある分野に関する知識、教養、能力。

のことらしいです。

「コンピュータリテラシー」「情報リテラシー」「メディアリテラシー」「ライブラリーリテラシー」「金融リテラシー」など、いろいろ使えるみたい。

じゃ、私の場合は文章リテラシーが不足しているのね。
ってことで、この本を購入　↓

伝わる、WEBテキストのつくりかた