WEBデザインの最近のブログ記事

2007年9月28日

新規サイト制作セット（CSSライブラリ＋基本フォルダ構造＋HTMLテンプレート）、一式zipでダウンロードできるようにしました

以前公開した「新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ」ですが、
これがセミナーでもちょくちょく話しているせいか、未だにかなりダウンロードが多いようです。

正直な話、僕が最近コーディングどころか開発系の仕事を全くする機会がなく、
ＨＴＭＬの品質保証の面倒が見れないということで、
全社員もれなくkennsu謹製の新規サイト制作セットを導入してもらう事になりました。

と、いうわけでとりあえずこちらからダウンロードしていただけます。

追記：ライセンスはMITライセンスにて配布いたします。
ソースコードの性質上、署名に僕の名前をいれていませんし、再配布、改変、署名の変更、商用利用、すべてご自由にご利用ください。

さて、このセットの中身の解説は以下になります。

新規サイト制作セット（CSSライブラリ＋基本フォルダ構造＋HTMLテンプレート）、一式zipでダウンロードできるようにしました　の続きを読む　＞＞

Tags:

2007年2月 5日

【HTMLタグ】これってなんの略？タグが何の略なのか調べてみた

今週から新しい会社でディレクターとして働いています。
会社が変わればまた新しいノウハウを得られる事ができそうで楽しみです。

とりあえず入ったばかりでまだたいしたことはしてなくて折角時間があるので 最近は初心を忘れないように基本に立ち返ってベーシックな事を復習してます。

Hello World!とかね。

そんなわけで別に覚える必要はないんですが暇なんで、
HTMLタグの語源、つまりそれぞれのタグは何の略かというのをまとめてみました。
正しい意味を知ることは正しいマークアップ（僕は効率主義なので不適切な箇所は多いですが）への第一歩ですね。 あんまいないかもしれませんが、これからタグを覚えようと思っている方にどうぞ！

さて、詳細は以下です。
※button等明らかなものは省いています。
※英語は得意ではないので名詞・動詞・形容詞・複数系などおかしいかもしれません。

【HTMLタグ】これってなんの略？タグが何の略なのか調べてみた　の続きを読む　＞＞

2006年7月20日

フルCSSコーディング（分離型コーディング）のワークフロー（１）

最近社内で「あのコーディングが早い人ね」とか「コーディングに詳しい人ね」と称され、一応お褒めに預かっているので光栄ですが、、、
最近まったくもってFlashやデザインやライティングの仕事がなくなってしまい寂しい限りです。典型的なコーダーディレクターになってしまう予感です。

今日も今日とて他人のコーディングのチェック、しかも遠隔で指示、チェックしてもどこから注意すれば良いやら。。。

さて、本題

分離型コーディングのワークフローの最大の特徴は「分業化が進むこと」であり、極みといえばデザインとコーディングが分離するというワークフローが理想です。

今までテーブルコーディングだったけどこれから分離型でコーディングをしようと思っている人に肝に銘じて欲しいことは「マークアップの大切さ」ということです。
HTMLは人間で表せば内蔵みたいなものなので顔がおなかにあったり背中に耳があってはだめですよ。

まずマークアップの基本として覚えなければいけないのは

「HTMLの構成は、見出し・段落・リスト・表からなりたっている」

ということ、これを頭に叩き込めば世間で猛威をふるっているdiv病の病床から復帰する助けになる事でしょう。

マークアップという作業はデザイナーにとってもコーダー（マークアップエンジニア）にとっても最も需要な工程といえます。近頃は猫も杓子もフィードフィードですがフィードの質はマークアップに依存しますしここが気合の入れ時、メインの作業です。

マークアップはディレクターがする場合もありますが本来はライターが見出しや強調箇所を前提としてライティングしてくれればガントチャートの横幅が更に短くなるんですが・・・なかなかライター2.0な方は現れません。

具体的なマークアップ方法はまた来週にでも、ではさよなら。

« SEO | メインページ | アーカイブ | YouTube »