Google のウェブマスター向けのガイドラインはどのようなものですか。
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google 検索の基本事項 Google 検索の基本事項は、ウェブベースのコンテンツ（ウェブページ、画像、動画など、Google がウェブ上で見つけた一般公開されているコンテンツ）について、Google 検索結果に表示されるための適格性を満たし、上位に表示されるようにするための重要な要素です。 技術要件: Google 検索でウェブページを表示させるためにウェブページに必要なもの。 スパムに関するポリシー: 掲載順位が下がったり、Google 検索の検索結果から完全に除外されたりする原因となる行動や手法。 主なベスト プラクティス: Google 検索の検索結果でのサイトの表示を改善するための主な方法。 Google 検索の検索結果にページが表示されても一切料金は発生しません。 ただし
使っていないCSSをWEBから簡単チェック「CSS Redundancy Checker」:phpspot開発日誌
CSS Redundancy Checker 使っていないCSSをWEBから簡単チェック「CSS Redundancy Checker」。 使っていないCSSのセレクタをあぶりだして、CSSのダイエットをすることが可能なツールです。 まず、(Step1)スタイルシートのURL を入力し、その後、(Step2)にスタイルシートを用いたページすべてを入力します。 そして、(Step3)「Check」ボタンを押せば、チェックを行ってくれます。 すると次のように、使用していないセレクタが一括して表示されます。 CSSのサイズが肥大化して困っているという方に便利なツールですね。 関連エントリ JavaScriptとCSSの両方を圧縮できる「YUI Compressor 2.0」リリース CSSデバッギングツール１０選
Firefoxで別ブラウザのレンダリングエンジンを使う拡張いろいろ:phpspot開発日誌
Firefoxで別ブラウザのレンダリングエンジンを使う拡張いろいろ。 Firefoxに拡張をインストールすると、Firefox上で別ブラウザのエンジンを動かし、レイアウトの確認などを行えますが、色々と拡張が存在するようです。 IE View - IEエンジン使用 IE Tab - IEエンジン使用の別バージョン OperaView - Operaエンジン使用 FirefoxView - IE View 上で右クリックした際に「View This Page in Firefox」が表示 Safari View - MacOS X 上で動作するSafariビュー IE View Lite - IE View のライト版 Webデベロッパーの方は、ブラウザ互換を確認する際に非常に便利なのでインストールしておいた方がいいですね。
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
CodeZine：携帯シミュレータ入門（開発ツール, まとめ）
はじめに 携帯サイトは、PCのWebブラウザではテストできません。携帯のWebブラウザにはさまざまな機種依存仕様があるからです。マークアップ言語の違い（HTML/HDML）絵文字表示可能な画像形式（gif/png/jpg、カラー/モノクロ、色数、サイズ）受信サイズアクセスキー これらは携帯の実機でテストする必要がありますが、開発中に携帯の実機でテストをするのは大変です。実機ではソースを見ることもできませんし、経費もかかります。 そこで携帯シミュレータの出番です。すべての機種依存仕様を正確にシミュレートできるわけではありませんが、上記のうち、1. 、2. 、5. をテストすることができます。本稿では、携帯サイトの開発に必須となる携帯シミュレータの紹介と、使用上のポイントを説明します。対象読者 携帯向けWebサイトの開発者必要な環境 Windows 2000/XP携帯シミュレータ一覧 携帯シ
ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介
yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか？ 「エラスティック（elastic）」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ
SEO対策済みのケータイサイトを無料で作成--マイネット・ジャパンの「katy」 - CNET Japan
マイネット・ジャパンは1月25日、携帯電話向けのサイトが簡単に作れるコンテンツマネジメントシステム（CMS）「katy」（ケイティ）をリリースした。基本機能を無料で提供する点が大きな特徴だ。飲食店や美容室など、携帯電話を頻繁に利用する若い女性がよく訪れるような店舗を主なターゲットとしている。 katyはNTTドコモ、au、ソフトバンクモバイルの3キャリアに対応した携帯電話向けサイトがPCから制作できるシステム。プレビュー画面を見ながらサイトを書き換えられるようにしたほか、ナビゲーションに沿って情報を入力するだけでサイトが作れる「かんたんサイト制作ナビ」機能も搭載して、HTMLタグの知識がない人でも簡単に利用できるようにした。20ページ、5Mバイトまで無料で利用できる。 これまで携帯電話向けサイトのCMSは利用料が月額数万円するものが多かった。マイネット・ジャパンは基本料金を無料とすることで
画像やページをLightBox風に表示できるThickbox:phpspot開発日誌
Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の説明文を入れます。 <a href="images/image2.jpg" title="画像と一緒に表示させたい文字列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> たったこれだけで、次のようにLightBox風に画像を開くことが出来ます。 titleで指定した説明文が画像の下に入ってます。 次にHTML
Selenium ver.0.5 勝手にまとめサイト
86400000 > selenium > Sort by: Update Auto() Image hover
自分のサイトがほかのブラウザでどう見えるか試す「browsershots.org」 - GIGAZINE
1年ぐらい前からある無料サービスで、自分の作ったサイトやブログなどがほかのブラウザから見ると正常に見えているかどうかを画像として見せてくれるサービスです。特に自分が普段使っているOS以外の環境下での見え方がわかるので重宝します。 対応しているブラウザは、WindowsはFirefox1.0/1.5/2.0、K-Melon 1.0、MSIE 6.0/7.0、Mozilla 1.7、Navigator 4.8、Netscape 6.2/7.2/8.1、SeaMonkey 1.0。MacはSafari 2.0。LinuxはDillo 0.8、Epiphany 2.14、Firebird 0.7、Firefox 1.0/1.5/2.0/3.0、Flock 0.7、Galeon 2.0、Konqueror 3.3/3.4/3.5、Mozilla 1.7、Navigator 4.8、Opera 8.5
free dingbat fonts | DingbatDepot.com
Come on in and get yourself some free Dingbat fonts. These typefaces are just like any other regular fonts, in so far as they come in a TTF font format. You download and install them on your computer just like any other regular font. However, instead of outputting basic text like a "normal" font, dingbat fonts will output and display "dingbat" characters in your design. Choose from any of the ding
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作を依頼されたクライアントの、ウェブイメージを簡単にキャッチするための方法*ホームページを作る人のネタ帳
http://mysta.jp/note/about_webapli.html
http://neta.ywcafe.net/000681.html
携帯電話向けコンテンツの書き方 - ウェブの作り方
