What is a favicon? Favicons are the little icons that show next to bookmarks and in the address bar of most browsers. Favicons are 16 pixels square. Upload a picture and click 'Make Favicon!' to create a favicon for your website. This favicon generator supports alpha transparency. Once you create your favicon.ico file, upload it to the root directory of your website and put the following code in y
This domain may be for sale!
いいね! 0 ツイート B! はてブ 179 Pocket 4 ウェブサイトの横幅は、一昔前までは650pxが最適といわれ、4・5年前からは800pxが最もユーザビリティ上最適なサイズだった。大手ポータルサイトをはじめとして、800px未満で構築されたサービスが殆どだった。 しかし、ここ最近は800pxをあまり意識していないと思われるウェブサイトが多く登場してきた。mixi、AllAboutJapan、朝日/読売などは1000pxで最適化されている。ウェブサイトの横幅が1000px時代に突入しようとしているのだ。 # 厳密には950pxだったりするが、便宜上1000pxとしている。 ウェブサイトの横幅が1000px時代に突入しようとしているのには、大きく3つの理由がある。 画面解像度の向上 1000pxを表示するためには、それ以上の画面解像度のモニタが必要だが、今は1024以上のモニタが主
A CSS styled table | Veerle's blog Further to my article about the creation of a CSS calendar the thought crossed my mind to show you an example on how you can style a table using CSS.CSSでクールなテーブルを作成するサンプル。 次のようなテーブルを作成するサンプルが公開されています。 サンプル1(解説記事) サンプル2(解説記事) テーブルもここまでカッコいいものが作れるんですね。 是非テーブルスタイル時の参考にしたいサンプルです。
バナー画像の3倍の効果をあげたテキストリンク(powered by beBit) November 6, 2007 3:41 PM written by Gen Taguchi ※ 今回の記事は「ウェブサービスインターフェース勉強会」でのbeBit社のプレゼンから。 今回ご紹介するのはレシピサイト、Cookpad.comの事例です。Cookpad.comでは有料会員(月額300円)があるのですが、その会員数が伸び悩んでいました。 そこでbeBit社に相談するのですが、それまではかわいいバナーをどーんとサイドバーに貼っていました。 ↑ なかなかかわいらしいバナーです。凝っていますよね。 しかしユーザビリティ調査をしてみると、そのバナー広告がほとんど見られていないことがわかりました。最近は「広告=邪魔なもの」というイメージがありますよね。 そこでbeBit社ではこのバナーのかわりに次のテキスト
Inspiration Package: 60 Usable & Elegant Designs We all love beautiful, usable and impressive web designs. 60の使える&エレガントなウェブデザイン。SmashingMagazineより。 31Three North x East Youtilize.com Oaktree Creative CodeIgniter WebRevolutionary Pop Labs nPanorama.ru 続きを見る 最近のウェブデザインはやはり、「Web2.0風」がトレンドのようですね。 読みやすく、シンプルにまとまっていてどのサイトも参考になりそうなサイトばかりです。 関連エントリ WEBデザインの際に使える50のソース 2007年3月、クリーンかつ印象的なデザインサイト集 PhotoShopで
デザインテンプレートを使って手軽にサイトが作りたい。 そんなときにおすすめなのが、『40 Free Web Template Resources』。無料で使えるサイトのデザインテンプレート40選だ。 以下にいくつかご紹介。 » Simavera Website Templates Flashとサイトテンプレート。↑のキャプチャはこのサイト » Open Designs XHTML + CSSのフリーデザインテンプレート » Tristar Web Design Templates 9つしかないが、速くてクオリティの高いXHTML + CSSサイトならここ » Solucija Templates 商用・非商用問わず無料で使えるテンプレート » Styleshout Templates すべてWeb標準準拠のXHTML + CSSサイトテンプレートを配布 無料で使えるサイトのデザインテンプレ
携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはなし(入門編)」 Tweet 2008/4/21 月曜日 matsui Posted in お知らせ | 1 Comment » 先日の4/18(金)に、北海道Webコンソーシアムで、「ケータイサイトのはなし(入門編)」という話をさせていただきました。 (関係者・参加者の皆様、色々とありがとうございました。) せっかくですので、発表に使用した資料をアップさせていただきます。 ケータイサイトをはじめて作るという方を対象に、知っていた方がよいと思われるポイントをまとめてみました。 → 北海道Webコンソーシアム [hwcon.org] → 発表に使用したスライド資料 「ケータイサイトのはなし(入門編)」 ※PDFファイルです | View | Upload your own 口頭での補足ありきの資料のため、文章だけだと多少言葉足らずで
誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名(CSS2の色名+SVGの色名、計147色)およびrgb()の表現が使えます(初期値は、読みにくい例が入っています)。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行
Feng GUI heatmapは、独自のアルゴリズムに基づいて、ユーザーの視線がどのようにページ内で移動するかとその頻度を表示するヒートマップを作成するサービスです。 Feng GUI heatmap Feng GUI heatmapは、実際のユーザーの視線やマウスの動き・クリックを検出するものではなく、独自のアルゴリズムに基づいてヒートマップを作成します。そのため、サーバーのログなどは必要ありません。 フラッシュの場合は、キャプチャした画像(960x640)をアップロードすると生成されます。 ヒートマップを作成するには、3つの方法があります。 オンラインで Firefoxのエクステンションで ViewFinder website heatmap 1.0 ブックマークレットで Feng GUI heatmapは独自のアルゴリズムでヒートマップを作成するので、実際にアップロードされていない
FrancescoMugnai.comのエントリーから、作業効率をアップするPhotoshopの20のショートカットを紹介します。 20 Photoshop Secrets Revealed… 15番目は不明でしたが、moritaさんのコメントにより解決しました。 下記に、コマンド別に紹介します。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt Photoshopの起動時に、[Ctrl] + [Alt] + [Shift] Photoshopの設定を初期化。 「目(レイヤーの表示/非表示)」を[Alt] + クリック クリックしたレイヤー以外の表示・非表示の切替。 開いているファイル上で、[Space] カーソルがハンドアイコンに変わる。カーソルが行方不明になった時に便利。 レイヤースタイルの
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール10選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定&アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く