Vol. 13 – HTML や CSS を編集するアプリケーションって何使ってる?

  1. HTML や CSS を編集するソフトいろいろ。
  2. 編集ソフトを使うと余分なタグを取り除く作業が必要がある。
  3. Dreamweaver や Fireworks について。
  4. mi から CotEditor の違いについて。
  5. 「文字コード」と「改行コード」を設定できるのが必須!
  6. 付加し文字を表示できるようにする機能が便利!
  7. 入力補助欲について。
  8. Coda を使ってみたいけど高いね…
  9. FTP とテキストエディタが一緒になったアプリケーションってどう?
  10. HTML プレビュー時、HTML チェック機能があったら便利?
  11. テキストエディタに FTP がついている場合の使い方。
  12. skEdit にある折り畳める機能があるんだよねアレが便利。

Vol. 12 – メニューは漢字?それともカタカナ?それとも英語?

今回のは Web デザインをはじめたばかりの新入社員 Kanemura さんと3人で、ゆ〜るいトークをお送りします。

本編

  1. アーカイブの場合はどうする?アーカイブの意味知ってる?
  2. タグの場合は?
  3. カテゴリーの場合は?
  4. 英語にする場合は単数形にする?それとも複数形にする?
  5. Kanemura さんはブログをデザインしたときになぜ英語したの?
  6. シングルバイトとダブルバイトで違いがあるのかも!
  7. ターゲットによるのかもしれないね!
  8. やっぱ日本語の場合は縦書きのほうがきれいなのかな?
  9. そもそもメニューってちゃんと読まれてる?
  10. 商用サイトの場合はどうかな?
  11. 今と20年後では違うのかな?
  12. カタカナはどうかな?

番外編

Kanemura さんに、Web デザインをはじめた感想を聞いてみました。

Vol. 11 – MovableType それとも WordPress?

  1. Google Trends でみると2006〜2007の間ぐらいに WordPress が逆転しているね。
  2. WordPress はプラグインのバージョンアップなどがワンクリックで可能!
  3. MovableType から WordPress に変えた理由。
  4. WordPress はプラグインやテーマが作りやすい。
  5. 世界的に見ると検索回数は MovableType と Nucleus は同じくらい。
  6. WordPress for iPhone というアプリを使ってみた。
  7. MovableType の方が検索上位になる?
  8. WordPress が今後主流になっていくのか?
  9. 未来の CMS? Jimdo について。


MovableType or WordPress - Google Trends

MovableType と WordPress の Google Trends

Vol. 10 – CSS 3 の新機能

  1. CSS 3 の新機能について
    • セレクタ
    • RGBA
    • マルチカラムレイアウト
    • マルチバックグラウンド
    • ワードラップ
    • テキストシャドー
      Ex.) text-shadow: 2px 2px 5px #ff0000;
      値は、[影の横(X軸)の距離] [影の縦(Y軸)の距離] [ぼかし] [色] になります。
    • @font-face 属性
    • 角丸ボックス
      Ex.) border-radius: 5px;
    • ボーダーイメージ
    • ボックスシャドー
      Ex.) box-shadow: 2px 2px 5px #ff0000;
      値は、[影の横(X軸)の距離] [影の縦(Y軸)の距離] [ぼかし] [色] になります。
    • ボックスサイジング
      Ex.) box-sizing: content-box;
      content-box にすると、border や padding を除いた値で width や height を指定でき、border-box にすると、border と padding を含めた値で width や height を指定できます。
    • メディアクエリ
    • スピーチ
  2. XHTML 2 が終了して HTML 5 一本化に
  3. スマートフォンのほとんどが Flash 10 対応に

Vol. 9 – HTML 5 のその他もろもろ

  1. header, footer などが追加されました。
  2. XHTML とまったく逆の方向いってる感じがする。
  3. タグ共通化することで外部からの引用が楽になる!?
  4. 閉じタグを省略できるのかな?
  5. centar や font など削除されたり変更されたタグがある。
  6. 閉じタグを使用しないと問題解決が難しくなるかも。
  7. iPhone のブラウザでは Flash の使用を許可してないけど…
  8. HTML 5 に対して Flash がどこまで食い下がるんだろう?
  9. 最後は iPhone の話になってしまいました。

Vol. 8 – HTML 5 の新機能

  1. JavaScript を使って位置情報を取得する時の GPS との兼合い。
  2. 位置情報を取得することによってどのようなことができるか?
  3. デスクトップアプリからウェブアプリにしようっていう意図が見えるね。
  4. 収益モデルがわかんないよね。
  5. ローカルデータベースでオンライン・オフラインの区別がなくなる!?
  6. コレからは JavaScript が必須なのかな?
  7. Google IO で「モダン Web ブラウザ」技術に移行をはじめると発表。

Vol. 7 – HTML 5 の新しいタグ

  1. 2次元を表現できる Canvas タグが追加されました。
  2. ブラウザ上で Adobe Illustrator みたいなのができるといいよね。
  3. 3D グラフィックスを実装できる O3D について。
  4. 昔 VRML って言うのがあったんだけどどこにいったんだろう?
  5. 3D の知識がないとコンテンツを作るのは難しいのでは?
  6. ブラウザこそコンピュータって考え方が出てきた!
  7. ウェブデザイナーとしての今後について。
  8. HTML から動画を参照できる Video タグについて。
  9. 動画ファイルのフォーマットって統一されないのかな?

Vol. 6 – シンプルなサイトの良いところと悪いところ

  1. Google と Yahoo! のデザインの違いについて。
  2. シンプルで使いやすいからいいってわけじゃないよね。
  3. シンプルなサイトをに付加価値を付けることを努力しています。
  4. シンプルに逃げてるっていう考え方もある?
  5. Yahoo! や楽天の賑々しさは実は緻密な計算があってのこと?
  6. 結局、何がいいか悪いかは数字で見るしかないよね。
  7. シンプルは退屈?
  8. コンテンツによっては、オンリーワンを目指すのもいいのでは?

Vol. 5 – リンクテキストのアンダーラインについて!

  1. デフォルトのリンクの色は青でアンダーラインがあるよね。
  2. リンクがたくさんあるページにアンダーラインがあると見づらい。
  3. 昔は CSS がなかったのでアンダーラインがあるのが当然。
  4. ユーザービリティーについて調べるとリンクの色は青に…
  5. デフォルトに沿ったほうがいいのかな?
  6. 文中のリンクの色は変わっててほしいよね。
  7. サイトのレイアウトとリンクの関連性について。
  8. サイドバーにアンダーラインは入れない方がいいよね。

Vol. 4 – そろそろ PNG にいっちゃう?

  1. 昔 GIF は権利関係に問題あるって噂があって PNG を…
  2. どのブラウザのどのヴァージョンに対応しているの?
  3. PNG 8 と GIF は圧縮率が違う。
  4. ファイルサイズはサーバーの転送量にも影響。
  5. PNG って可逆圧縮だからダウンロードしても…
  6. PNG って携帯サイトで表示なかったよね。
  7. CSS をハックすれば IE でも表示はできるけど…
  8. PNG 32 って Photoshop になかったよね。

Vol. 3 – カテゴリー or タグ?

  1. タグは複数つけられるのが良いよね。
  2. 聞き馴染みがするのはカテゴリー。
  3. ファイル・フォルダやブラウザのブックマークはカテゴリー。
  4. タグだとパン屑ナビゲーションが…
  5. WordPress のカテゴリーは複数個選べる!
  6. iTunes や iPhoto はタグで整理している。
  7. 検索は昔ディレクトリだったが Google が変えた。
  8. 「カテゴリー」と表記しながらタグにするのがベスト?

Vol. 2 – サイドメニューは左 or 右?

  1. モニター解像度の流れから右メニューを追加して対応。
  2. Ineternet Explorer のお気に入りが左側を占領。
  3. ブログの登場あたりから右メニューが主流に。
  4. ナビゲーションが重要なら左、コンテンツがメインなら右。
  5. メインコンテンツの横幅を考えると3カラムが正解?
  6. メインコンテンツとサイトメニューの縦の長さが合わないのはしょうがないよね。
  7. 今後のモニター解像度の流れやトレンドによって柔軟に対応していくしかないかも。