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

TOPページ、リニューアルしました!

仕事の合間での作業+コーディングの実験をしながら作ったので、何ヶ月もちくちくやっていました。

いちばん大変なのがサチコさんのイラストですがね!

メインイメージの切り替わる画像の部分のイラストを描いてもらいました。
枚数多いし、イラストにしにくいコーナーもありましたが、がんばってくれました(泣)

業務日誌系のアイコンなどは私、佐藤とも子が作りました。

デザイン全体は2人で揉みながら決めました。

  • 中がリキッドデザインなのにTOPが固定幅なので違和感が出ないようにする
  • その為には下層ページとレイアウトが変わるが、馴染むようにする
  • はじめてのCSSの更新は不定期になったので、メインのイメージを別のものにする
  • はじめてのCSSのページが多くなったので検索窓を付ける
    下層ページにも追々設置予定
  • お問い合わせと、制作実績へのリンクを目立たせる

コーディングもいろいろ何かやりましたが、図解しないと説明できないので省略します(笑)


螺旋デザインTOPページ
http://www.rasen-d.net/


制作実績ページに「就活朝日さま」追加しました

asahi.com内の就活サイトです。
デザイン・CSSコーディング・イラストを担当しました。
月2回更新のコーナー「シューカツって何?」では、螺旋デザインのサチコがイラストを担当しています。

イラストの部分に「イラスト=螺旋デザイン・サチコ」とクレジットをいれていただいていますので、最近「螺旋デザイン・サチコ」で検索してこられる方が多く、「さすがasahi.com!」とブルブルしています。
いい仕事ができて良かったです。


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

サチコのイラストブログ
Design & illustration


制作実績ページに「XHTML+CSS プロが教える"本当の使い方"」追加しました

XHTML_CSS.jpg 今回のはサイトではなく、書籍なんですよ!!
昔から本を出すのが夢だったのでうれしいですね(泣)

まるまる螺旋デザイン本ではなくて、記事をいくつか書かせていただいているのですが、それでも初めて書籍の仕事の話しをもらったときは、クラスで一番のイケメン君から告られた場合と同等の動悸(※想定値)に襲われましたよ。ふっ・・・。

また原稿を書いていたときなどの、話しは長くなりそうなので後日にします!


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

XHTML+CSS プロが教える"本当の使い方"
アマゾンのページへ


業務内容 » Webデザイン のページを更新しました。

業務内容 » Webデザイン の写真撮影の項目に追加して、PIXTA関係の記述を入れました。

PIXTA(写真素材販売サイト)に参加していますので、こちらの螺旋デザインメンバーのアカウントのほうの素材もよろしくお願いします。

tomoko@PIXTAの販売作品一覧ページ。  サチコ@PIXTAの販売作品一覧ページ。

また、撮影の依頼時に割引のお知らせも書いているのですが、ぶっちゃけると人物写真だとかなり割引になります。
写真素材になってもOKな方はどんどん、ご依頼くださいね!!

まずは、自分が写真素材になっても見苦しくないように、まじダイエットしてます・・・。


→ 続きがあるよ。

デザインだけ仕事の場合でもコーディングの相談を受けますよ

一番嬉しい仕事の形態は「デザイン」+「コーディング」なんですが、デザインのみの場合でもCSSコーディングでの組み方が分からないときは、是非ご相談ください。

と言った内容を「業務内容 » Webデザイン」に追加しました。

今まで裏メニュー的な感じで、聞かれたら答えていたのですが、実はいままで仕上がりを見て「ここ絶対迷ったな〜」と思われる箇所を見つけたときの切なさ、「こう組んで欲しかったのに・・・」とテレパシーを送るよりも表メニューにして、バンバン聞いてもらった方がいいなと思いました。

表メニューにしようと思ったきっかけは、最近CSS Nite in OSAKAのお手伝いをしているご縁で、サイトのデザイン(ボランティアですよ)をしたのですが、デザイン見て皆さん「どう組むの??」ってガンガン聞いてきてくれたのですよ。
で、ガンガン答えると全然コーディングしてないのにバッチリデザインを再現されていて、組んでくれた方が面白い仕組みをいれてくれたりして、楽な割に素敵な仕上がりだったので、他の仕事でもこんな感じだったら、みんな幸せなはずだーーーー!

ってことで表メニューにしました。

よろしくお願いします。


受験マシーン垂涎ものの、はじめてのCSSですよ~!

構想、半年の更新ですよ。

きっかけは、去年の秋にトークした学生さんが「Web系専門学校卒業前なのに、いまだにHTMLのパスが分からない」と言っていて、ビックリしたのですよね。

相対パスと、絶対パスも分からないし、「../」で上の階層とかもサッパリなのですよ。
正直どん引きだったのですが、それがきっかけで思い出したことがありました。


そういえば、私もCSSのセレクタの付け方が始めは超適当で、どうも反映されないときはクラスとクラスの間に何となくスペース入れてみたり、今考えれば適当にも程があるのですが、あの時は本当に分からなかったので、セレクタの問題集みたいなのがあったらよかったのに・・・と思いました。

で「はじめてのCSS」をセレクタ周りの記述を改めて確認したら大分ワープした書き方になっていて「これじゃ~、初心者の人はキツイな・・・」と我ながら思いました。
そして書き加えたのが「基礎知識:セレクタの付け方」です。

で、前置きページを作った後に構想半年の問題集を作りましたよ。
これは作っていて結構、楽しかったです。
必要以上にリアル小テストになりましたよ。(Flash製)
赤ペンはハンズで買ってきて、鉛筆は手持ちの眉毛書きですよ。
文字はサチコさんにも協力してもらいました。

CSSバリバリな人も遊んでみてくださいね!
実技:セレクタの付け方


サイトメンテ終わりました

記事の個別化(この記事のタイトルをクリックしてもらうと個別記事に飛びますよ)と「その他メモ」と言うカテゴリを作りました。

これまでカテゴリが無いので、書きたいけど書かなかったこととか書いていきますね!!

長い文章も書きたいから記事の個別化をしたのに、短い文章ですよね。

ふっ・・・・・・。


4/18はサイトメンテの為、一時的にアクセスできません

4/18の0時より作業します。
作業中は螺旋デザイン内、すべてページにアクセスが出来ません。
ご迷惑をおかけしますが、よろしくお願いします。

作業内容は、
  • 新しいブログのカテゴリを追加
  • 個別記事化
です。

カテゴリ分けが微妙な記事を書きたくなったので、微妙なカテゴリをつくって(笑)長い記事も書きたいので、ずらずら並べっぱなしもどうかなと思ったので、個別記事ページも書き出す改造をすることにしました。
はじめは長い文章を書く気とか、全然無かったんですがね~~。
それと、個別記事が無いとMTのプレビューも中途半端なので、投稿するのが怖いのですよ!!

サイトメンテ終わりました。

はじめてのCSS」の記事を日付順とかではなくて、カスタムフィールドの値を使用して任意の順番に変更出来るようにしました。
ついでにMTのバージョンも4.25に上げましたよ〜。
これでボチボチ、また「はじめてのCSS」を更新していこうと思います。

バッチリなはずなんですが、おかしな点を発見された方は「お問い合わせ」からどんどん、連絡くださいね!


はじめてのCSSとりあえず週1終わりです〜!

う〜〜〜む、ネタ切れとは言え感慨深いですね。
今度からは「ちょっと説明足りてないな」ってところを補強していこうと思うのですが、右のメニューを作成順にソートしているので途中で追加ページを挟み込むとかが、MT的に結構難しいことを知りました!!(泣)

カテゴリは簡単に並び替え出来るので油断してましたよ。
ファイル名順とか出来そうで出来ないんですね。しくしく。
※実はfileXXの部分はタイトルじゃなくて、ファイル名で管理してたのです。

よく見た解決策が日付調整なのですが、CSS情報はナマモノなので、日付をソート用に使用=ブログから日付を消すのはまずいと思いました。
なのでカスタムフィールドで調整する方法を採ることにしました。

とローカルのデータを触ったら、MTが微妙に古いバージョンでカスタムフィールドの方法が動かなかったので、4.23にしたら今度はマルチブログのタグ周りとか色々書き方を直さないといけないことになって、(厳密な感じになりましたね)半泣きです。

前も浮かれてバージョンアップしようとしたときに、こんな感じだったから上げなかったのを思いました・・・。
無事バージョンが上がったらまた、更新しますね。