Blog

1. 携帯でブラウジングしている人が多い
2. 自宅で何を使ってブラウジングしてる？
3. ノートパソコンの場合、トラックパット？それともマウス？
4. Wii をつかってテレビでブラウジング！
5. iPad ってどうなんだろう？
6. デバイスが増えたときのサイトを制作する際の苦労について
7. iPad で電子書籍もみることができるよね
8. 電子書籍についてのあれこれ
9. さまざまな人に使えるデバイスってなんだろう？
10. iPhone があればパソコンがいらなくなるね
11. ブラウジングするときの文字入力について
12. iPad に最適な作り方ってのもあるね

1. CotEditor の不可視文字の設定について。
2. Coda の不可視文字の設定について。
3. 入力保管は必要？各エディタの入力保管設定について。
4. 検索・置換について。
5. 自動インデントについて。
6. Coda の CSSEditor のビジュアルモードについて。
7. ツールバーに保存ボタンがほしいな。
8. コードナビゲータが便利だね。
9. FTP のみ使いたいときに Coda を立ち上げるのがちょっとね。

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

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

本編

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

番外編

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

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 と WordPress の Google Trends

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 対応に

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

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

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

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

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

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