2005/02/20

CSSリフォーム本メモ[11]

スタートから12時間経過して、一応終了。
途中で2、3時間ほど雑用があったので、実制作は9時間。描いたスケッチは10枚、作図した図解は14点ほど。やはり、目標の20点というのは無理であった。この後、残り6点は終わらせる予定である。
明日もこのような感じで”メモ”していきたい。

図版
マークアップ・エディターの役割-図[1]

2月 20, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

CSSリフォーム本メモ[10]

Page Building Concept[ページ・ビルディングの概念]
あたかもブロックを積み重ねるように構築していくページデザインの概念-図[1]
図版2ページ分

2月 20, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

CSSリフォーム本メモ[09]

図[4]
図版

2月 20, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

CSSリフォーム本メモ[08]

Web Architect[Web Creators map]-図[3]
図版

2月 20, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

CSSリフォーム本メモ[07]

制作チームと専門家チームをまとめる「ウェブアーキテクト」の役割は次の図で解説していくことに。-図[2]
図版

2月 20, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

CSSリフォーム本メモ[06]

Webデザインは複雑かつ細分化されてしまった。各分野で必要とされるジーニアスの存在感について考えてみる。-図[1]
図版

2月 20, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

CSSリフォーム本メモ[05]

「ウェブ構造化デザイン」+「ウェブ・ビジュアライゼーション」+「ウェブ・ランドスケープデザイン」をあわせて”Webデザイン”と定義し、解説を進める。図[2]
図版

2月 20, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

CSSリフォーム本メモ[04]

Web Architect(ウェブアーキテクト)とWebデザインの定義について解説するための図[1]
Webデザインはさまざまな作業を取り込み、大きくなりすぎた。言葉として一括りにできなくなってきたので、3つの概念で定義していく。
Webデザイン定義

2月 20, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

CSSリフォーム本メモ[03]

作業を開始する。
※訂正:時間は12時間、30分に1つ作成しても24点だ。昨日書いた50点というのは、今まで作成した分をあわせた数字である。本日の目標は「20点」ほど。‥といっても、一から作成していくので楽な点数ではない。(実は、モチベーションもまだ低いのだ‥)
作業の様子
■12時間図解マラソン[2005.2.20 am]

2月 20, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

2005/02/19

CSSリフォーム本メモ[02]

明日午前10時から午後10までの12時間で50点の図版を作成する予定。すべて、このブログに掲載していくつもりだ。
但し、出版物(書籍として発売される商品)なので扱いは単なるメモである。本作りのライブ感を記録するレベルでおこなっていきたい。
日曜日10時から開始
※本を出す際、時々こういう試みをおこなうが、やっている途中で急にモチベーションが落ち、アップしたメモを削除してしまうことがある。「これ何のためにやっているのだろう?」とか「作業時間の無駄使いではないか?」などと(自分で企画したのに‥)自問自答するようになったら危ない。まぁ、その「逃げ」として日曜日におこなうわけだが。
あくまで自分の日記のような感覚でおこないたい、「Flash Live!」のような実演ではないので、ご注意‥

2月 19, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

2005/02/18

CSSリフォーム本メモ[01]

■CSSページビルディングの技法チェック
CSSページビルディング、まさにビルを建てるような作業である。見栄えだけを考えたらテーブルデザインの方が簡単で理解しやすい。CSSで入れ子のリストをタブ二階層のナビゲーションにデザインするのは、かなり面倒である。
CSSページデザインの画面
但し、一度デザインしておけば、”改築”が容易になる。”改築”が楽というメリットは想像以上に大きかった。サイトがアクセシブルになるというだけではないのだ。
CSSによるナビゲーション
「CSSページビルディング」の考え方を初心者にどう伝えるか?
さすがにページレイアウトの技法だけでは理解できないと思う。どうしても「構造化」の概念を知っておく必要がある。イメージとしては、やはり「建築」のプロセスだ。さぁ、どういうメタファを使って説明しようか‥
WEB BASIC キャラクター
※近日発売予定のCSSリフォームガイド本の執筆メモを断片的に掲載したもの。(2005/2/18)

2月 18, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

2005/02/16

本の進捗

今朝の地震発生後から、なぜか急に慌ただしくなって、あっという間に夕方。作業スタートが大幅に遅れてしまった。やっと作業開始である、現在、図解の作業を進めている。

スケッチの様子
まずノートにスケッチを描き、原稿を起していくという流れである。絵本のようなCSS解説本をイメージしているので、この作業プロセスが合っている。
そろそろ、Illustrator を使ってデジタル化していかないと‥

2月 16, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)

2005/02/14

CSSリフォームガイド進捗[01]

本日は、取材と打ち合わせのため、夕方からの作業。
今日から「CSS絵本」をコンセプトに大量の図版を開発していくのだ。”古いWebデザイン”から”新しいWebデザイン”にリフォームする、その技法に絞り込んで解説するので、できるだけ図解したいと思っている。作業のイメージは、”画家がプログラミングを絵で解説していく”という感じである。明日から、どんどん公開していく予定。(←もちろん加減しながら‥)

CSS習得を達成する3つの視点

2月 14, 2005 [01bm2]本の執筆メモ公開中! | | トラックバック (0)