Clip the Web! http://web.podcasting.jp ウェブデザインやサイト制作に関するニュースやちょっとした疑問をとりあげるポッドキャストです。 Wed, 24 Feb 2010 07:38:12 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 2010 web@podcasting.jp (Stylegraph) web@podcasting.jp (Stylegraph) posts 1440 ウェブデザインやサイト制作に関するニュースやちょっとした疑問をとりあげるポッドキャストです。 Stylegraph Stylegraph web@podcasting.jp No no http://web.podcasting.jp/wp-content/media/ArtWork-144.jpg Clip the Web! http://web.podcasting.jp 144 144 Vol. 15 – ライフスタイルとブラウジング http://web.podcasting.jp/post/vol15.html http://web.podcasting.jp/post/vol15.html#comments Wed, 24 Feb 2010 06:39:10 +0000 Clip the Web! http://web.podcasting.jp/?p=228
  • 携帯でブラウジングしている人が多い
  • 自宅で何を使ってブラウジングしてる？
  • ノートパソコンの場合、トラックパット？それともマウス？
  • Wii をつかってテレビでブラウジング！
  • iPad ってどうなんだろう？
  • デバイスが増えたときのサイトを制作する際の苦労について
  • iPad で電子書籍もみることができるよね
  • 電子書籍についてのあれこれ
  • さまざまな人に使えるデバイスってなんだろう？
  • iPhone があればパソコンがいらなくなるね
  • ブラウジングするときの文字入力について
  • iPad に最適な作り方ってのもあるね
    • ]]>     http://web.podcasting.jp/post/vol15.html/feed 0 00:01:01 携帯でブラウジングしている人が多い 自宅で何を使ってブラウジングしてる？ ノートパソコンの場合、トラックパット？それともマウス？ Wii をつかってテレビでブラウジング！ iPad っ 携帯でブラウジングしている人が多い 自宅で何を使ってブラウジングしてる？ ノートパソコンの場合、トラックパット？それともマウス？ Wii をつかってテレビでブラウジング！ iPad ってどうなんだろう？ デバイスが増えたときのサイトを制作する際の苦労について iPad で電子書籍もみることができるよね 電子書籍についてのあれこれ さまざまな人に使えるデバイスってなんだろう？ iPhone があればパソコンがいらなくなるね ブラウジングするときの文字入力について iPad に最適な作り方ってのもあるね ブラウザ Stylegraph no No     Vol. 14 – テキストエディタについて for Mac OS X http://web.podcasting.jp/post/vol14.html http://web.podcasting.jp/post/vol14.html#comments Thu, 12 Nov 2009 05:09:22 +0000 Clip the Web! http://web.podcasting.jp/?p=218
  • CotEditor の不可視文字の設定について。
  • Coda の不可視文字の設定について。
  • 入力保管は必要？各エディタの入力保管設定について。
  • 検索・置換について。
  • 自動インデントについて。
  • Coda の CSSEditor のビジュアルモードについて。
  • ツールバーに保存ボタンがほしいな。
  • コードナビゲータが便利だね。
  • FTP のみ使いたいときに Coda を立ち上げるのがちょっとね。
    • ]]>     http://web.podcasting.jp/post/vol14.html/feed 0 00:01:01 CotEditor の不可視文字の設定について。 Coda の不可視文字の設定について。 入力保管は必要？各エディタの入力保管設定について。 検索・置換について。 自動インデントについて。 Coda CotEditor の不可視文字の設定について。 Coda の不可視文字の設定について。 入力保管は必要？各エディタの入力保管設定について。 検索・置換について。 自動インデントについて。 Coda の CSSEditor のビジュアルモードについて。 ツールバーに保存ボタンがほしいな。 コードナビゲータが便利だね。 FTP のみ使いたいときに Coda を立ち上げるのがちょっとね。 制作 Stylegraph no No     Vol. 13 – HTML や CSS を編集するアプリケーションって何使ってる？ http://web.podcasting.jp/post/vol13.html http://web.podcasting.jp/post/vol13.html#comments Mon, 26 Oct 2009 07:15:53 +0000 Clip the Web! http://web.podcasting.jp/?p=203
  • HTML や CSS を編集するソフトいろいろ
  • 編集ソフトを使うと余分なタグを取り除く作業が必要がある
  • Dreamweaver や Fireworks について
  • mi から CotEditor の違いについて
  • 「文字コード」と「改行コード」を設定できるのが必須！
  • 付加し文字を表示できるようにする機能が便利！
  • 入力補助欲について。
  • Coda を使ってみたいけど高いね…
  • FTP とテキストエディタが一緒になったアプリケーションってどう？
  • HTML プレビュー時、HTML チェック機能があったら便利？
  • テキストエディタに FTP がついている場合の使い方
  • skEdit にある折り畳める機能があるんだよねアレが便利
    • ]]>     http://web.podcasting.jp/post/vol13.html/feed 0 00:01:01 HTML や CSS を編集するソフトいろいろ 編集ソフトを使うと余分なタグを取り除く作業が必要がある Dreamweaver や Fireworks について mi から CotEditor の違いについて 「文字コード」と「改行コード」を設定できるのが必須！ 付加し文字を表示できるようにする機能が便利！ 入力補助欲について。 Coda を使ってみたいけど高いねhellip; FTP とテキストエディタが一緒になったアプリケーションってどう？ HTML プレビュー時、HTML チェック機能があったら便利？ テキストエディタに FTP がついている場合の使い方 skEdit にある折り畳める機能があるんだよねアレが便利 制作 Stylegraph no No     Vol. 12 – メニューは漢字？それともカタカナ？それとも英語？ http://web.podcasting.jp/post/vol12.html http://web.podcasting.jp/post/vol12.html#comments Wed, 07 Oct 2009 08:34:48 +0000 Clip the Web! http://web.podcasting.jp/?p=182 今回のは Web デザインをはじめたばかりの新入社員 Kanemura さんと3人で、ゆ〜るいトークをお送りします。

    本編

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

    番外編

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

    ]]>     http://web.podcasting.jp/post/vol12.html/feed 0 00:01:01 今回のは Web デザインをはじめたばかりの新入社員 Kanemura さんと3人で、ゆ〜るいトークをお送りします。 本編 アーカイブの場合はどうする？アーカイブの意味知ってる？ タグの場合は？ カテゴリーの場合は？ 英語にする場合は単数形にする？それとも複数形にする？ Kanemura さんはブログをデザインしたときになぜ英語したの？ シングルバイトとダブルバイトで違いがあるのかも！ ターゲットによるのかもしれないね！ やっぱ日本語の場合は縦書きのほうがきれいなのかな？ そもそもメニューってちゃんと読まれてる？ 商用サイトの場合はどうかな？ 今と20年後では違うのかな？ カタカナはどうかな？ 番外編 Kanemura さんに、Web デザインをはじめた感想を聞いてみました。 HTML Stylegraph no No     Vol. 11 – MovableType それとも Wordpress？ http://web.podcasting.jp/post/vol11.html http://web.podcasting.jp/post/vol11.html#comments Tue, 01 Sep 2009 01:25:12 +0000 Clip the Web! http://web.podcasting.jp/?p=145
  • Google Trends でみると2006〜2007の間ぐらいに WordPress が逆転しているね。
  • WordPress はプラグインのバージョンアップなどがワンクリックで可能！
  • MovableType から WordPress に変えた理由。
  • WordPress はプラグインやテーマが作りやすい。
  • 世界的に見ると検索回数は MovableType と Nucleus は同じくらい。
  • WordPress for iPhone というアプリを使ってみた。
  • MovableType の方が検索上位になる？
  • WordPress が今後主流になっていくのか？
  • 未来の CMS? Jimdo について。


    • movabletype-or-wordpress-google-trends

    MovableType と WordPress の Google Trends

    ]]>     http://web.podcasting.jp/post/vol11.html/feed 0 00:01:01 Google Trends でみると2006〜2007の間ぐらいに WordPress が逆転しているね。 WordPress はプラグインのバージョンアップなどがワンクリックで可能！ MovableType から WordPress に変えた理由。 WordPress はプラグインやテーマが作りやすい。 世界的に見ると検索回数は MovableType と Nucleus は同じくらい。 WordPress for iPhone というアプリを使ってみた。 MovableType の方が検索上位になる？ WordPress が今後主流になっていくのか？ 未来の CMS? Jimdo について。 MovableType と WordPress の Google Trends CSS Stylegraph no No     Vol. 10 – CSS 3 の新機能 http://web.podcasting.jp/post/vol10.html http://web.podcasting.jp/post/vol10.html#comments Wed, 15 Jul 2009 07:29:04 +0000 Clip the Web! http://web.podcasting.jp/?p=127
  • 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 を指定できます。
    • メディアクエリ
    • スピーチ
  • XHTML 2 が終了して HTML 5 一本化に
  • スマートフォンのほとんどが Flash 10 対応に
    • ]]>     http://web.podcasting.jp/post/vol10.html/feed 0 00:01:01 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 を指定できます。 メディアクエリ スピーチ XHTML 2 が終了して HTML 5 一本化に スマートフォンのほとんどが Flash 10 対応に CMS Stylegraph no No     Vol. 9 – HTML 5 のその他もろもろ http://web.podcasting.jp/post/vol9.html http://web.podcasting.jp/post/vol9.html#comments Fri, 26 Jun 2009 06:59:52 +0000 Clip the Web! http://web.podcasting.jp/?p=109
  • header, footer などが追加されました
  • XHTML とまったく逆の方向いってる感じがする
  • タグ共通化することで外部からの引用が楽になる!?
  • 閉じタグを省略できるのかな？
  • centar や font など削除されたり変更されたタグがある
  • 閉じタグを使用しないと問題解決が難しくなるかも
  • iPhone のブラウザでは Flash の使用を許可してないけど…
  • HTML 5 に対して Flash がどこまで食い下がるんだろう？
  • 最後は iPhone の話になってしまいました
    • ]]>     http://web.podcasting.jp/post/vol9.html/feed 0 00:01:01 header, footer などが追加されました XHTML とまったく逆の方向いってる感じがする タグ共通化することで外部からの引用が楽になる!? 閉じタグを省略できるのかな？ centar や font など削除されたり変更されたタグがある 閉じタグを使用しないと問題解決が難しくなるかも iPhone のブラウザでは Flash の使用を許可してないけど... HTML 5 に対して Flash がどこまで食い下がるんだろう？ 最後は iPhone の話になってしまいました HTML Stylegraph no No     Vol. 8 – HTML 5 の新機能 http://web.podcasting.jp/post/vol8.html http://web.podcasting.jp/post/vol8.html#comments Fri, 12 Jun 2009 05:15:19 +0000 Clip the Web! http://web.podcasting.jp/?p=99
  • JavaScript を使って位置情報を取得する時の GPS との兼合い。
  • 位置情報を取得することによってどのようなことができるか？
  • デスクトップアプリからウェブアプリにしようっていう意図が見えるね。
  • 収益モデルがわかんないよね。
  • ローカルデータベースでオンライン・オフラインの区別がなくなる!?
  • コレからは JavaScript が必須なのかな？
  • Google IO で「モダン Web ブラウザ」技術に移行をはじめると発表。
    • ]]>     http://web.podcasting.jp/post/vol8.html/feed 0 00:01:01 JavaScript を使って位置情報を取得する時の GPS との兼合い。 位置情報を取得することによってどのようなことができるか？ デスクトップアプリからウェブアプリにしようっていう意図が見えるね。 収益モデルがわかんないよね。 ローカルデータベースでオンライン・オフラインの区別がなくなる!? コレからは JavaScript が必須なのかな？ Google IO で「モダン Web ブラウザ」技術に移行をはじめると発表。 HTML Stylegraph no No     Vol. 7 – HTML 5 の新しいタグ http://web.podcasting.jp/post/vol7.html http://web.podcasting.jp/post/vol7.html#comments Wed, 03 Jun 2009 10:20:19 +0000 Clip the Web! http://web.podcasting.jp/?p=89
  • 2次元を表現できる Canvas タグが追加されました。
  • ブラウザ上で Adobe Illustrator みたいなのができるといいよね。
  • 3D グラフィックスを実装できる O3D について。
  • 昔 VRML って言うのがあったんだけどどこにいったんだろう？
  • 3D の知識がないとコンテンツを作るのは難しいのでは？
  • ブラウザこそコンピュータって考え方が出てきた！
  • ウェブデザイナーとしての今後について。
  • HTML から動画を参照できる Video タグについて。
  • 動画ファイルのフォーマットって統一されないのかな？
    • ]]>     http://web.podcasting.jp/post/vol7.html/feed 0 00:01:01 2次元を表現できる Canvas タグが追加されました。 ブラウザ上で Adobe Illustrator みたいなのができるといいよね。 3D グラフィックスを実装できる O3D について。 昔 VRML って言うのがあったんだけどどこにいったんだろう？ 3D の知識がないとコンテンツを作るのは難しいのでは？ ブラウザこそコンピュータって考え方が出てきた！ ウェブデザイナーとしての今後について。 HTML から動画を参照できる Video タグについて。 動画ファイルのフォーマットって統一されないのかな？ HTML Stylegraph no No     Vol. 6 – シンプルなサイトの良いところと悪いところ http://web.podcasting.jp/post/vol6.html http://web.podcasting.jp/post/vol6.html#comments Wed, 27 May 2009 10:59:00 +0000 Clip the Web! http://web.podcasting.jp/?p=81
  • Google と Yahoo! のデザインの違いについて。
  • シンプルで使いやすいからいいってわけじゃないよね。
  • シンプルなサイトをに付加価値を付けることを努力しています。
  • シンプルに逃げてるっていう考え方もある？
  • Yahoo! や楽天の賑々しさは実は緻密な計算があってのこと？
  • 結局、何がいいか悪いかは数字で見るしかないよね。
  • シンプルは退屈？
  • コンテンツによっては、オンリーワンを目指すのもいいのでは？
    • ]]>     http://web.podcasting.jp/post/vol6.html/feed 0 00:01:01 Google と Yahoo! のデザインの違いについて。 シンプルで使いやすいからいいってわけじゃないよね。 シンプルなサイトをに付加価値を付けることを努力しています。 シンプルに逃げてるっていう考え方もある？ Yahoo! や楽天の賑々しさは実は緻密な計算があってのこと？ 結局、何がいいか悪いかは数字で見るしかないよね。 シンプルは退屈？ コンテンツによっては、オンリーワンを目指すのもいいのでは？ レイアウト Stylegraph no No     Vol. 5 – リンクテキストのアンダーラインについて！ http://web.podcasting.jp/post/vol5.html http://web.podcasting.jp/post/vol5.html#comments Wed, 20 May 2009 10:56:47 +0000 Clip the Web! http://web.podcasting.jp/?p=71
  • デフォルトのリンクの色は青でアンダーラインがあるよね。
  • リンクがたくさんあるページにアンダーラインがあると見づらい。
  • 昔は CSS がなかったのでアンダーラインがあるのが当然。
  • ユーザービリティーについて調べるとリンクの色は青に…
  • デフォルトに沿ったほうがいいのかな？
  • 文中のリンクの色は変わっててほしいよね。
  • サイトのレイアウトとリンクの関連性について。
  • サイドバーにアンダーラインは入れない方がいいよね。
    • ]]>     http://web.podcasting.jp/post/vol5.html/feed 0 00:01:01 デフォルトのリンクの色は青でアンダーラインがあるよね。 リンクがたくさんあるページにアンダーラインがあると見づらい。 昔は CSS がなかったのでアンダーラインがあるのが当然。 デフォルトのリンクの色は青でアンダーラインがあるよね。 リンクがたくさんあるページにアンダーラインがあると見づらい。 昔は CSS がなかったのでアンダーラインがあるのが当然。 ユーザービリティーについて調べるとリンクの色は青に... デフォルトに沿ったほうがいいのかな？ 文中のリンクの色は変わっててほしいよね。 サイトのレイアウトとリンクの関連性について。 サイドバーにアンダーラインは入れない方がいいよね。 ブラウザ Stylegraph no No     Vol. 4 – そろそろ PNG にいっちゃう？ http://web.podcasting.jp/post/vol4.html http://web.podcasting.jp/post/vol4.html#comments Tue, 12 May 2009 08:18:59 +0000 Clip the Web! http://web.podcasting.jp/?p=43
  • 昔 GIF は権利関係に問題あるって噂があって PNG を…
  • どのブラウザのどのヴァージョンに対応しているの？
  • PNG 8 と GIF は圧縮率が違う。
  • ファイルサイズはサーバーの転送量にも影響。
  • PNG って可逆圧縮だからダウンロードしても…
  • PNG って携帯サイトで表示なかったよね。
  • CSS をハックすれば IE でも表示はできるけど…
  • PNG 32 って Photoshop になかったよね。
    • ]]>     http://web.podcasting.jp/post/vol4.html/feed 0 00:01:01 昔 GIF は権利関係に問題あるって噂があって PNG を... どのブラウザのどのヴァージョンに対応しているの？ PNG 8 と GIF は圧縮率が違う。 ファイルサイズはサーバーの転送量にも影響。 昔 GIF は権利関係に問題あるって噂があって PNG を... どのブラウザのどのヴァージョンに対応しているの？ PNG 8 と GIF は圧縮率が違う。 ファイルサイズはサーバーの転送量にも影響。 PNG って可逆圧縮だからダウンロードしても... PNG って携帯サイトで表示なかったよね。 CSS をハックすれば IE でも表示はできるけど... PNG 32 って Photoshop になかったよね。 画像 Stylegraph no No     Vol. 3 – カテゴリー or タグ？ http://web.podcasting.jp/post/vol3.html http://web.podcasting.jp/post/vol3.html#comments Thu, 30 Apr 2009 11:00:07 +0000 Clip the Web! http://web.podcasting.jp/?p=28
  • タグは複数つけられるのが良いよね。
  • 聞き馴染みがするのはカテゴリー。
  • ファイル・フォルダやブラウザのブックマークはカテゴリー。
  • タグだとパン屑ナビゲーションが…
  • WordPress のカテゴリーは複数個選べる！
  • iTunes や iPhoto はタグで整理している。
  • 検索は昔ディレクトリだったが Google が変えた。
  • 「カテゴリー」と表記しながらタグにするのがベスト？
    • ]]>     http://web.podcasting.jp/post/vol3.html/feed 0 00:01:01 タグは複数つけられるのが良いよね。 聞き馴染みがするのはカテゴリー。 ファイル・フォルダやブラウザのブックマークはカテゴリー。 タグだとパン屑ナビゲーションが... WordPress のカテゴリーは複数個選べる！ iTunes や iPhoto はタグで整理している。 検索は昔ディレクトリだったが Google が変えた。 「カテゴリー」と表記しながらタグにするのがベスト？ ブラウザ Stylegraph no No     Vol. 2 – サイドメニューは左 or 右？ http://web.podcasting.jp/post/vol2.html http://web.podcasting.jp/post/vol2.html#comments Thu, 09 Apr 2009 02:55:43 +0000 Clip the Web! http://web.hotcast.in/?p=14
  • モニター解像度の流れから右メニューを追加して対応。
  • Ineternet Explorer のお気に入りが左側を占領。
  • ブログの登場あたりから右メニューが主流に。
  • ナビゲーションが重要なら左、コンテンツがメインなら右。
  • メインコンテンツの横幅を考えると３カラムが正解？
  • メインコンテンツとサイトメニューの縦の長さが合わないのはしょうがないよね。
  • 今後のモニター解像度の流れやトレンドによって柔軟に対応していくしかないかも。 
    • ]]>     http://web.podcasting.jp/post/vol2.html/feed 0 00:01:01 モニター解像度の流れから右メニューを追加して対応。 Ineternet Explorer のお気に入りが左側を占領。 ブログの登場あたりから右メニューが主流に。 ナビゲーションが重要なら左、コンテンツがメインなら右。 メインコンテンツの横幅を考えると３カラムが正解？ メインコンテンツとサイトメニューの縦の長さが合わないのはしょうがないよね。 今後のモニター解像度の流れやトレンドによって柔軟に対応していくしかないかも。nbsp; レイアウト Stylegraph no No     Vol. 1 – IE8 ってどうなん？ http://web.podcasting.jp/post/vol1.html http://web.podcasting.jp/post/vol1.html#comments Tue, 07 Apr 2009 01:21:34 +0000 Clip the Web! http://web.hotcast.in/?p=1
  • Internet Explorer 8 の検索候補
  • Internet Explorer 8 のアクセラレーター
  • Internet Explorer 8 の Web スライス
  • Internet Explorer 8 の互換表示
  • Internet Explorer 8 の SmartScreen
  • Internet Explorer 8 の表示速度について
    • ]]>     http://web.podcasting.jp/post/vol1.html/feed 2 00:01:01 Internet Explorer 8 の検索候補 Internet Explorer 8 のアクセラレーター Internet Explorer 8 の Web スライス Internet Explorer 8 の互換表示 Internet Explorer 8 の SmartScreen Internet Explorer 8 の表示速度について Internet Explorer 8 の検索候補 Internet Explorer 8 のアクセラレーター Internet Explorer 8 の Web スライス Internet Explorer 8 の互換表示 Internet Explorer 8 の SmartScreen Internet Explorer 8 の表示速度について ブラウザ Stylegraph no No