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

『CSS Lab. 更新可能なグラフを作る』に寄稿しています。
CSSでグラフを表現すると基本的には棒グラフの一択なのですが、棒グラフの枠を超えた圧倒的にオシャレなグラフを紹介させていただきました（笑）

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

→ 続きがあるよ。

ソースのリニューアル以来、なぜかお問い合せフォームが不調だったので「コメントアウト＆メールアドレスのご案内」と言う悲しい処理をしていたのですが、復活しました！！
わーー！！わーーー！！！

→ 続きがあるよ。

asahi.com内のコンテンツ、就活朝日さまで2012年度版のサイトメンテのお手伝いをさせていただきました！！
去年はリニューアルさせていただきましたので、そのご縁です。

今年は新年度版に向けて微調整と新コーナーの担当もさせていただきました。

【担当コーナー】

• 就活に効く？映画（漫画）
• ANAに学ぶ 就活の心得（イラスト）

いずれもサチコが担当しています。

---

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

就活朝日2012版
http://www.asahi.com/job/syuukatu/2012/

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

『CSS Lab. 管理しやすいトーナメント表』に寄稿しています。
jQueryで自動でclassをつけてみたり、floatやpositionを駆使して「更新がラク！」な作りになっていますので、トーナメント表に用がない人でも楽しめる内容です。
来月発売の12月号までCSS Lab.のコーナーを担当してますので、よろしくです（笑）

本物を見たことのある谷さんも特集（HTML5です）を書かれていたので、ビックリしました！
絶賛発売中ですので、是非ご覧になってくださいね！

---

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

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

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

『CSS Lab. 透過PNG＆透過CSSで背景にもう一工夫！』に寄稿しています。
透過PNGの取り扱いを細か目に書きましたので、そのあたりがモヤっとしている人におすすめですよ。
12月号までCSS Lab.のコーナーを担当してますので、毎月買ってくださいね（笑）

あと、メルマガも書かせていただきました。
10月5日発行分に載る予定ですので、よかったら登録してくださいね！！
WD EXPRESS

本物を見たことのある西畑さんや、とみたさんも特集（CSS3です）を書かれていたので、ビックリしました！
絶賛発売中ですので、是非ご覧になってくださいね！

---

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

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

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

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

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

---

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

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

今回の見た目はほとんど変わらないリニューアルですが、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のコーナーはがらりと変わって左側の螺旋デザインのメニューが無くなって２カラムになります。
• IE6でもリキッドになります。
  IE6だけウィンドウを縮めたときに嫌な感じになるので、IE6だけ固定レイアウトだったのですが最近モニターも大きいので、リキッドのデメリットよりメリットの方が大きいかなと思い、変更します。
• HTMLの構成はXHTML→HTML5になります！（ミーハー...）
• MTはバージョンが4.7から5に！！！だと良かったのですが、MTのバージョンはそのままでテンプレートの構成を変えてみました。

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

先月に引き続きWeb Designingさんで、記事を執筆させていただきました！！
（ミーハーなので、とてもうれしいです！！！）

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

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

---

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

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

今度はマイコミさんの本を執筆させていただきました！

雑誌のWeb Designingです。

この雑誌は会社員時代も会社で取っていた本ですね。

私的にオシャレファッション雑誌と同じポジションだったので、依頼が来たときはビックリしました！
マイコミの角竹さんと名刺交換をしたことがあったのですが、もう１年ぐらい前だし...。

今回はやさしいjQueryプラグインの解説を書きました。
「はじめてのCSS」でやさしさを鍛えていたので、丁度よかったです。

48ページから8ページ分書いていますので、是非ご覧になってくださいね。
サンプルも力作なので見てください！
USER INTERFACE 01〜MENU 04までです。

---

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

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

またまたMdNさんの本を執筆させていただきました！

今度は雑誌のweb creatorsです。

この雑誌は会社員時代も会社で取っていて、しかも独立した後もしばらく、お守り代わりに定期購読していた本なので、もう大興奮☆ですよね！！

74ページから75ページの見開きです（泣）
う、うれしいい！！！

ピンクの縁取りがしているページなので写真のように、本を横から見るとすぐに発見できます。
是非書店でお買い上げの上、ご覧くださいね！

---

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

web creators 2010年 03月号
アマゾンのページへ