HTML5で組まれたブログのベースに使えそうな一式

MT underHatにヒッソリとMovable Type 5 のテーマを追加しました。

MT underHat テーマ 002 のキャプチャ
MT underHat テーマ 002 - カンバス | MT underHat

今回追加したテーマもHTML5使ってるんですが、HTML5のマークアップで一番悩みそうなアウトライン関係は敢えてあまり使わずに、分かりやすい部分だけ新要素を使ったりした感じでマークアップしています。

何と言うか、StrictっぽいHTML5 じゃなく Transitional みたいな感じって言えばイメージが伝わるかな。
入門用というか。
実際、ガッツリきっちりやっても、今後どうなるか分かりませんし、今は取りあえず触れてみるとかで良い気がしてます。
なので、触れやすい感じを目指してみました。

ルートパスで書かれたhtmlファイルをローカルで確認するには。

8月は働くよー!お盆休みってなぁに?おいしーの?
ボーナスってなぁに?それっておいしーの?

さて、Webサイトを作成するときに、ルートパス(絶対パスとまとめられる事もありますが)で記載されてたり、SSIによるインクルードをしてたり、デフォルトインデックスのファイル名(index.htmlとか)を省略してたりすると、そのままローカルで確認するには不便があったり、場合によってはそもそも確認できない訳です。

そういう場合に、じゃあどうやって確認するか。となる訳ですが、毎回テストサーバとかにアップロードして確認していたら効率が悪いので、自分のPC(Windowsとして)で確認できたら嬉しいですよね!

じゃあ、どうしたら良いかって言うと、やっぱりWebサーバをローカルで構築するのが一番良いのかなと。
そうすると、自分のPCでちゃんと見れちゃう訳です。ンマーなんて素敵!

で、Webサーバって聞くと、サーバ関係の知識が無い場合はよく分かんないですよね?
ボクの脳内で生成された、「最近ウェブサイト制作を始めたT子ちゃん(誰」的な印象はこんな感じです。

  • 「んー何か面倒な感じ?」
  • 「色々専門知識が無いと出来ないんじゃ?」
  • 「うぇぶさーばとか言われてもよく分かんない。」
  • 「ローカルで見れるように作れば良いんじゃないの?」

確かに、何もせずに構築は出来ないですし、何も知らずに構築も出来ないので、多少の手間と多少の知識は必要ですが、最低限確認できるようにするだけならとっても簡単に出来ます。

5分で出来るWebサーバ構築!」みたいなノリで出来ると思います。

そもそもローカルで見れるようにってのは、サイトの性質によっては確かにそれでもOKかなと。
ランディングページみたいな、1ページで完結するサイトとかならむしろその方が良いと思いますが、ここではある程度ページ数があるサイトの場合で考えてもらえると嬉しいなーと。

時々、ローカルで確認するのはどうしてますか? と聞かれる事が有るんですよね。
という訳で、別段目新しい内容では有りませんが、結構前から書いておきたいと思ってたのも有り、いい加減書きますと言う感じで。

コーディング前に確認しておきたいこと。

CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。

制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう?ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。

って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は?って思う事とかもばーっと書いてみます。はい。
なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容(だと良いな)!

フリーランスになって一年が過ぎました

本人もすっかり忘れていましたが、フリーランスになってから一年が経ちました。 フリーランスになるみたいです。 何だかんだと、気付けば一年。取りあえず生きています。 や、むしろ金欠で今月がかなりヤバい・・・うぅ。(余裕を持って計画的にって事ですね。はい。 それはさておき、基本コーディ... 続きを読む

【jQuery】記事を開閉したりする、switchHat.js

小粋空間の中の人に会った時にMT5でこんな事したいんすよねーって話をしてて、その後MTQに書いたら、速攻でプラグインにしてくれました! マジ感謝です。ありがとうございます。 ウェブページとかで、ページを生成したくない場合に使えるプラグインです。 PagePublishContro... 続きを読む

Shtyle.fm からのメールに関して

先に重要な部分から。 ボクのGmailのアドレスから「Shtyle.fm」のサイトの登録メールが届いている場合、削除してください。 タイトルは「Shtyle.fmに写真を掲載していますのでぜひご覧下さい」のような感じで届いていると思います。 サイトを開いても問題は無いようですが、... 続きを読む

いままでありがと、IE6。をした方が良いかも...な色々。

ホントに長い間王座に君臨し続けた Internet Explorer(以後:IE)6 ですが、制作者の願いとしては大半の人がIE6 の使用を止めて欲しいと願っているかと思います。 ボクもその一人なんで、以前「IE6で閲覧すると。」なんて記事も書いてます。 IE6を使っている人が他... 続きを読む

背景画像切り替え

ミクコレ的ノリでお好きな背景にして閲覧して頂ければと思います。
デフォルトの背景は、ボクの気分に応じて時々変更したり季節モノになったりするみたいです。

このページの上部へ