サイトマップ
経営論
実用編
- Webクリエイターが必要な営業スキル
- アクセシビリティとユーザビリティ
- スタイルガイド(ガイドライン)
- デザインカンプ
- ヒアリングのポイント
- ヒアリングの前にクライアントに準備してもらうこと1
- ヒアリングの前にクライアントに準備してもらうこと2
- ヒアリングの前の準備(既存サイトがある場合)
- ユーザビリティチェック
- ユーザビリティチェック(ケータイサイト編)
- 契約方法
- 提案書に盛り込む内容
- 納品時
知識編
- 00_Webサイト制作プロジェクト
- 01_ヒアリング・サーチ
- 02_コンセプトの設定(具体的なキーワード定義)
- 03_仕様策定
- 04_情報アーキテクツ設計
- 05_基本デザイン策定
- 06_量産作業
- 07_デバック・校正
- CMSの基礎知識
- Webの特徴
- Webサイトが担う経営戦略、Webサイトの種類と基本コンセプト
- Webサイトの在り方
- Webサイトの集客方法
- Webスタンダードのメリットとデメリット
- 「設計」という概念(Webサイト構築とSEO対策)
- アクセシビリティ事情
- インターネットによる消費者活動の変化
- ケータイの読み込み速度
- ケータイサイト
- ケータイサイトにおけるメルマガの基本
- ケータイサイトの特徴
- ケータイサイトの集客方法
- サイト名の作り方
- サイト構築
- ネットを利用した広告、特徴と方法
- ブランディング
- メディアに適したコミュニケーショントーン
- 同市場への新ブランド立ち上げ
- 著作権
精神論
- Webプロデューサーとしての心構え
- Web持論
- 「誇り」「理解」「粘り」
- エラーに備えてデザインする
- コーディングの真善美
- デザイナーは典型的なユーザではない
- デザイナーを脅かす致命的な誘惑
- デザインの在り方
- デザインの基本理念
- ユーザ中心のデザイン
- 不正確な知識にもどづく正確な行動
- 可視性とフィードバック
- 理解しやすさと使いやすさのためのデザインの原則
- 自然な対応づけ
- 言霊(ことだま)
実例編
マークアップ
(x)html
- <style><script>要素のコメントアウト
- Googleにスニペットやキャッシュを非表示にさせる
- Netscape version4の排除
- idとクラス名
- inputタグをコントロールする
- maxlength属性
- selectタグの上にコンテンツを乗せる
- strictに対応するためのiframe代替
- swfファイルをxhtml1.0 strictに取り組む記述
- tableのこと【xhtml編】
- 「/」から始まるパス指定
- よく使われるタグ要素(マークアップの基本)
- モジュール化の一案
- 絶対URIと相対URLと相対パスの関係
CSS
- IE7の拡大機能、仕様?バグ?
- Internet Explorer 7対策
- MacIEだけを分離するハック
- Windows/Mac IE version4の排除
- dlを使って、dtとddを横並びにする
- emを使ってpx感覚で操作する
- floatとvertical-align? → display:table-cell; !
- floatの使用上の注意
- floatを利用した段組み例1
- floatを利用した段組み例2
- floatを利用した段組み例3
- float段組みした場合のclear設定の方法
- font-family フォントファミリー
- imgのvertical-align
- line-heightとimgによるWinIEバグ
- positionを利用した2段組み
- positionを利用した3段組み
- tableのこと【CSS編】
- コンテンツの量によってフッターの位置を変える
- デフォルトで設定すべき事項
- フォントサイズ
- ブラウザによるwidthプロパティの解釈の違い
- ブラウザ表示領域の上部(ヘッダー)と下部(フッター)を固定する
- リキッドレイアウトで画像の背景に一工夫
- リスト「画像」とナビゲーション「横」編
- リストとナビゲーション「横」編
- リストとナビゲーション「縦」編
- レイアウト全体を画面のセンターに設定する
- ロールオーバーで画像を切り替える
- 文字間
- 背景やボーダーが意図した表示をしないとき
- 適用されるCSS [CSS初心者向け]
- 高さをコントロールする
Javascript
- Ajaxに挑戦!
- DOMでswfファイルを呼び出す際の注意
- DOMの値を取得・設定する方法
- DOMの基本事項
- DOMトラブル:getAttribute('class')
- DOMトラブル:getAttribute('href')
- JSONP Javascriptがちょっと分かってきた人のために
- JavaScriptでIEかどうかの判別
- JavaScriptで取り扱える型の種類
- Javascriptでflash playerのバージョン判別
- Javascriptの歴史
- maxlengthで指定されたテキストのlength
- scriptを記述する際の注意事項
- xhtml strictで新規ウィンドウを開きたい場合
- 「このページのトップへ」に動きをつける
- オブジェクト
- オブジェクト、関数、変数などに設定可能な名前
- クロスブラウザDynamicHTMLを作るには
- コンテンツを開いたり閉じたりする
- スタイルシートを変更する
- フォーム、送信前にJavascriptで入力チェックを行う方法
- ランダムに選択する
- 変数のスコープ(領域)
- 新規ウィンドウをサイズ指定のセンター表示する
- 期間を限定した表示
- 期間を限定した表示 2
Actionscript3
xml
- DTDを別ファイルにする
- RSS2.0 フォーマット
- XML Schema
- XML Schemaの内容モデルをもっと詳細に取り決める
- XML Schemaサンプル
- xhtmlと同様のルール
- xmlの3つの魅力
- 名前空間
- 妥当な文書
- 妥当な文書サンプル
- 整形式文書
- 文字参照を使用しない記述方法
xslt
php
mobile
Webデザイン
Dreamweaver
Fireworks
Flash
Photoshop
Illustrator
まだ、Illustratorに関する記事はありません。
MovableType
- MT4.0から4.1への移行
- MT4.1で何が変わったか
- MTInclude関連
- MovableTypeが熱い!
- MovableTypeの基本
- MovableTypeをMac環境で 1/3
- MovableTypeをMac環境で 2/3
- MovableTypeをMac環境で 3/3
- format属性
- mt-config.cgi
- アーカイブテンプレートの自動変数
- アーカイブマッピング
- アーカイブマッピング Part2
- カスタムフィールドに値がある最新の10 件のブログ記事表示する方法
- カテゴリごとのエントリ一覧
- カテゴリごとのエントリ一覧 Part2
- カテゴリー別に記事一覧を表示する
- コメントアウト
- テンプレートタグとコンテキスト
- テンプレートタグの書式
- テンプレート作成の初歩
- テンプレート作成の初歩 Part2
- ファイルへのリンク
- モブログくんを使えば、携帯からMT記事を投稿できる!
- 変数を設定・参照するテンプレートタグ
- 条件処理するコンディショナルタグ
- 検索関連
Excel
実制作と運営
ライティング
- Flash無効のメッセージ
- Javascript無効のメッセージ
- 「マジックナンバー 7プラスマイナス2」の法則
- ただ整然と並べられたページって・・・
- カタカナ語の選び方
- ブロガーは
- ユーザーの不安を打ち消す施策
- ユーザー中心デザインなライティング
- ライティングの前に
- 必要なのは「編集力」
- 文章作成時の注意点
- 編集の手法
SEO
- 00_SEOの進め方
- 01_検索エンジンでの調査
- 02_アクセスログ解析
- 03_ライバルサイト分析
- 04_ライバルサイトが見つかったとき
- 05_各種キーワードツール
- 06_キーワードの決定
- 07_HTMLタグの重要性 1
- 08_HTMLタグの重要性 2
- 09_検索エンジンユーザーの使い勝手を高めるサイトデザイン
- 10_自力本願で外部リンクを獲得するテクニック
- 11_ディレクトリ型検索エンジン対策とフィード対策
- SEOの実践の前に
- 検索エンジンの仕組みと誘導方法
- 検索エンジンユーザ視点
リスティング
- 「現在、このキーワードは非表示(検索サイト)です。
- アドワーズのことなら
- クレジットを利用する際の注意点
- リスティングの基礎
- リスティングの実践
- リスティングの準備
- 検索エンジンの欠点
- 複数のアカウントを利用したいとき
Web関連情報
参加セミナー
- CSS Nite in Shinjuku
- CSS Nite shuffle
- CSS Nite shuffle vol.2
- CSS Nite x (r)evolution "Shift to 2008"
- Corder's High(CSS Nite LP3)
- Designer meets Designers 05
- Dreamweaver使いのディレクション術(CSS Nite Vol.17)
- Google Analyticsを使ったWebアクセスログ解析とサイトへの反映(CSS Nite LP8)
- Internet Explorer 7対策(CSS Nite Vol.18)
- Keynoteとプレゼンテーションに関するエトセトラ(CSS Nite 番外編)
- MT4LP5
- Mozilla Japan の活動紹介と Firefox ブラウザ最新情報(CSS Nite Vol.13)
- SEOの棚卸し(CSS Nite LP10)
- Shift 2(2008-2009)
- SwapSkills for the Happy Web Weekend
- Web 2.007(CSS Nite Vol.16)
- Web標準×Webトレンド
- XHTML+CSS (r)evolution, 2nd
- アクセス解析(CSS Nite Vol.30)
- コンテンツ流通を促進するクリエイティブコモンズ(CSS Nite Vol.47)
- 愛と情熱のウェブサイト(CSS Nite Vol.14)
- 海外IA最新レポート:これからのIAが担っていく役割(CSS Nite Vol.38)
- 義理と人情と男気のアクセシビリティ〜サイト診断ココだけの裏話〜(CSS Nite Vol.15)
- 音楽販売のトレンドから見る最新EC事情
タメになった本
- SEO対策はこの1冊で充分!
- xhtmlとCSSの他に何をやればいいか?の自分なりの答え
- xhtml視点でXMLを学ぶ
- 「見た目」と「使いやすさ」はどっちが大事?の答え
- 基本のCSSを学んだ人が次に読む本
- 自由自在にレイアウト変更できるCMS
- 見開き1ページに1センテンスデザイン
豆知識
- Amazon アソシエイト
- グラデーション
- グリッドレイアウト
- ターゲット層
- ブラウザ画面の背景もプリントアウトする場合
- 広告サイズ(Amazonアソシエイト)
- 広告サイズ(adSence)
- 広告サイズ(国際標準)
- 用紙1枚に数ページ分をプリントアウトする場合
- 画面サイズ
お役立ちツール
- [サイト]QRコード作成
- [サイト]SEO対策に役立つ便利ツール
- [サイト]css 文法チェックツール
- [サイト]mailtoを暗号化
- [サイト]xhtml 文法チェックツール
- [サイト]ファビコンの作り方
- [サイト]配色
- [ソフト]Webサイト検証ツール
- [ソフト]ネットショップ
- [ソフト]パソコン画面の保存・印刷
- [ソフト]ファイル一括変換(Mac用)
- [ソフト]例えるならPhotoshopのフリー版
- [ライブラリ]画像のスタイリッシュな拡大表示実現
- [情報]CSSデザイン
- [情報]CSSハック
- [情報]Webアクセシビリティ関連に特化
- [情報]キーワードの流行をグラフ化
- [情報]ブログ検索
- [情報]マーケティングコンセプト
- [情報]契約書サンプル
用語集
サイト概要
サイトのこと
制作日記
- 8月9日はハックの日?バグの日?
- iPhotoやiTunesの管理場所を変える
- エンタメサイト制作に挑戦
- サイトリニューアル
- 会社サイトを作ってみた
- 外付けハードディスクを起動ディスクにする
- 当Webサイト「0から目指すWebマスター」リニューアル計画(1)
- 当Webサイト「0から目指すWebマスター」リニューアル計画(2)
- 当Webサイト「0から目指すWebマスター」リニューアル計画(3)
- 新サイト「tk1975」オープン
- 新サイトでも作ろっかな