サイト構築・更新メモ:このサイトを構築するときに、メモっといたほうが良さそうなことの覚書きです。

制作実績ページに「Web Designing 2010年 9月号」追加しました

Web Designingさんで、記事を執筆させていただきました!!

『CSS Lab. 特定の部分に注目させるスマートな表』に寄稿しています。
組みやすいtableについてコーディング的なことや、目立たせるためのデザイン面についても記述しています。

絶賛発売中ですので、是非ご覧になってくださいね!


制作実績
http://www.rasen-d.net/works/

Web Designing 2010年 9月号
アマゾンのページへ


HTML5にリニューアルした感想と、簡単に方法の紹介

今回の見た目はほとんど変わらないリニューアルですが、HTML的にがらっと変えました!
XHTML→HTML5にです!

正直、HTML5は新しい要素に対応していないInternet Explorerなどのブラウザのシェアがもっと減らないと使えないなと思っていたのですが、ちょっとしたJavaScriptを使うだけで対応出来ると言うことが分かったので、さっそく勉強も兼ねてこのサイトを改造してみました。


HTML5の要素の使い方

要素の使い方などは一言で説明できないのですが、私は「CSS Nite in OSAKA, Vol.20」で勉強しました。
羽田野 太巳さん著の「徹底解説HTML5マークアップガイドブック」 がこれから勉強する方にはおすすめです。

参考にしたサイト


→ 続きがあるよ。

メンテ終わりました。

メンテ終了しました。

レイアウトずれがあった場合はキャッシュが原因だと思いますので再読み込みをしてみてください。
それでもおかしな場合は、使用ブラウザと問題のページのURLを連絡していただけたら、非常に助かります。
こちらまでどうぞ→info@rasen-d.net

実はなぜかお問い合せだけ動作がおかしいので、フォームの表示を消しています。
もっとややこしい+同じプラグインを使っている建売のフォームはちゃんと動いているので、本当にどうしてなんだろうと思います。(泣)


サイトのメンテをします。

今週の土曜、7月3日の0時(深夜)からサイトのメンテをします。
見た目はほとんど変わりませんが、HTMLやMTの構成がガッツリ変わりますので、運が悪かったら時間がかかります。

  • はじめてのCSSのコーナーはがらりと変わって左側の螺旋デザインのメニューが無くなって2カラムになります。
  • IE6でもリキッドになります。
    IE6だけウィンドウを縮めたときに嫌な感じになるので、IE6だけ固定レイアウトだったのですが最近モニターも大きいので、リキッドのデメリットよりメリットの方が大きいかなと思い、変更します。
  • HTMLの構成はXHTML→HTML5になります!(ミーハー...)
  • MTはバージョンが4.7から5に!!!だと良かったのですが、MTのバージョンはそのままでテンプレートの構成を変えてみました。

HTML5とMTのテンプレの件はまた研究結果をそのうち記事上げますね。
はじめてのCSSのレイアウトは窮屈だと前々から思っていたのと、次の更新が3カラムだと相性が悪いからなのです。
最近メッキリはじめてのCSSの記事書いてませんが、次の記事は自信作なので、こちらもご期待くださいね!!


制作実績ページに「Web Designing 2010年 6月号」追加しました

100519.jpg 先月に引き続きWeb Designingさんで、記事を執筆させていただきました!!
(ミーハーなので、とてもうれしいです!!!)

「1px」で変わるあなたのサイトという特集内でデザインのブラッシュアップや、CSS+jQueryの小技を使ったナビゲーションの解説などを書きました。

絶賛発売中ですので、是非ご覧になってくださいね!


制作実績
http://www.rasen-d.net/works/

Web Designing 2010年 6月号
アマゾンのページへ