成功しているウェブサイトのパフォーマンス面からトレンドを探る -HTTP Archive成功しているウェブサイト（apple.com, amazon.com, amazon.co.jp, flickr.com, twitter.comなど）のページがどのように構成されているか、パフォーマンスの情報をまとめた「HTTP Archive」を紹介します。
SelectorGadget: point and click CSS selectors
SelectorGadget is an open source tool that makes CSS selector generation and discovery on complicated sites a breeze. Just install the Chrome Extension or drag the bookmarklet to your bookmark bar, then go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then g
見えてきたECサイトの人気レイアウト
ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC（電子商取引）サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場（100サイト）、Yahoo!ショッピング（50サイト）に出展しているECサイトおよび企業が独自に運営するECサイト（100サイト）を7月に調査した。 70％がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70％だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
ECサイト構築時やっておきたい4つ＋αの施策
こんにちは。アクセス解析チームの大山です。 最近はエレコマを使ったECサイト制作に関ることが増え、 「アクセス解析コンサルタントの視点」だけではな く、 「WEB担当者の視点」でアクセス解析を考える機会が多なりました。 【解析担当者の私】 『解析してみたところ××という結果だから△△とするべきだよ！！ さっそく試して効果を見よ う！！！』 【WEB担当者の私】 『知ってるよ！わかってるよ！やりたいよ！ だけどエンジニアの稼働がいっぱい だし、他にも優先すべきことがあるの！！』 【解析担当者の私】 『えー(￣Д￣;)』 よくある話です。 やりたいけどできない、そんなジレンマを経験した担当者様も多いのではないでしょうか。 ふぃー。悩ましいですね。 -------------------------------------------------- 自分が経験して思ったの
つくるぶガイドブログ: ひとりサービスをリリースするまでやっておくこと10個
Ruby（とRails）を担当している石原です。 ソーシャル「OSを入れた後にインストールする10のアプリケーション」(仮) を作る過程をレポートしています。 今回は、開発はひとやすみにして、サービスをリリースする前にやっておくべき細々としたことを紹介したいと思います。 これらは筆者がひとりサービスをリリースするときに、毎回なんとなく思い出しながらやってきたことで、サービスによっては忘れてしまっているものもあります。 ですから、次からはこれをチェックリスト代わりに使おうと思っています。 Rails に限った話とWebサービス一般の話が混ざっています。ほかの言語やフレームワークを使っている方にも、Rails に限った話を自分の使っている環境に読み替えれば、いくらか参考になるかもしれません。 参考までにこれまでのエントリーはこちらです ↓ つくるぶガイドブログ: Ruby on Rails を
ネットサービスで起業するならディレクション能力は社内に : けんすう日記
インターネットビジネスをやるなら インターネットビジネスは、 - 元手がかからない - 在庫もかかえない - 固定費、変動費ともに少ない という夢のような商売ですが、その分、大量のプレイヤーが参入してくるというジャンルです。 そんなこんなですが、未だにIT業界は盛り上がっているみたいです。ソーシャルゲームという、mixiやモバゲーなどのサイト上で動かせる有料課金つきのゲームが流行っていて、それを求めて起業する人もいるみたいです。 起業が増えるのはとてもいいことだなあ、と思っているのですが、近くでみてて「こうしたほうがいいのにな」と思うことがあるので、紹介します。 社内にあるべきはディレクション能力 ネットサービス（ソーシャルゲーム含む）で起業したいのであれば、「サービスを作れる人」が中にいる必要があります。 サービスが作れるとは何か。それは - 流行るサイトの仕組みを考えられる - 儲ける
メディア・パブ: Firefox3.5が世界で最も人気の高いブラウザーに
Firefox3.5が世界で最も利用されているブラウザーになった。これはStatCounter Global Statisticsの最新データ（2009年12月）の結果である。以下のように今月に入って，Firefox3.5がIE7.0を追い抜いた。 Source: StatCounter Global Stats - Browser Version Market Share これはバージョン別のブラウザーの比較である。IE7.0に代わってIE8.0が急伸しており,来月にもIE8.0がトップに躍り出るかもしれない。米国市場では，IE8.0がトップになっている。 トレンドとしては，Firefoxが伸び続け，IEのシェアが減り続けているのは確かなようだ。ただし，すべてのバージョンを加えたブランド別のシェアを見ると，以下のようにIEが首位を走っている。 世界の州別のシェアを比較すると，アジアではI
Adobeのブラウザ表示チェックサービスBrowserLabが凄い件 - よねのはてな
Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0（2.0.0.18） Firefox 3.0（3.0.13） Firefox 3.05（3.5.3） Internet Explorer 6.0（6.0.3790.3959） Internet Explorer 7.0（7.0.5730） Internet Explorer 8.0（8.0.6001.18702） Chrome 3.0（3.0.195.27） Mac OS X Safari 3.0（3.2.3） Safari 4.0（4.0.3） Firefox 2.0（2.0.0.18） Firefo
HTMLタグを使わないSEOの話 : LINE Corporation ディレクターブログ
『livedoor グルメ』と『本が好き！』の根岸です。今回は「SEOは単なる HTML の書き方テクニックではない」ということを中心に、極私的なSEO論をしていきたいと思います。 ■「検索上位にでない！ なぜか!」「坊やだからさ」 あるキーワードの検索に対して、自分のウェブページが検索結果リストの上位に出るようにチューニングすることを「SEO＝Search Engine Optimize」というのは、みなさんご存じかと思います。その基本テクニックとして、検索でヒットさせたいキーワードを titleタグや hタグや strongタグで囲うということをしている方も、多くいるのではないでしょうか？ それゆえ、hタグだらけのページなんてのも、少なくありません。そんなことをしても効果はほとんどないはずなのですが。 逆に「うちは FLASH 中心のサイト（※）なのに、検索上位に出まくりなのはどういう
[JS]ウェブページのグリッドが正しいかどうか確認できるスクリプト -#grid
ページへの設置方法は簡単で、スクリプトを外部スクリプトで記述し、数行のスタイルシートを記述するだけです。 ※「Installation」の2と3をコピペ。 使用方法も簡単で、設置済みのページで、[Alt]+Gで一時表示、[Alt]+G+[Enter]で固定表示、となっています。
今回の CSS Nite の件について - IT戦記
このエントリーについて このエントリーでは、この CSS Nite の一連の騒動について自分の本心を包み隠さずに書きたいと思います。そして、今まで取ってきた行動が僕のどういった感情からであったかということを、少し冷静になった今改めて振り返ってみたいと思います。 今回の騒動について？？な人は、まとめページをご覧ください。 今回の CSS Nite 騒動について 僕がどのようにして CSS Nite を知り、どのような感情を抱いて、どのような発言をしたかについてまとめてみたいと思います。 この騒動が起こる前に、僕が CSS Nite に抱いていた感情について まずこの騒動の流れを追う前に、僕が CSS Nite に対してどういった感情を抱いていたか、「僕が何故 CSS Nite のことを嫌っているのかについて」お話をしたいと思います。 それは、僕が初めて CSS Nite のイベントに参加した
ウェブビジネスの本質 - elm200 の日記(旧はてなダイアリー)
私が3年ほど前、B2C のウェブビジネスの現場に飛び込んだとき、自分では IT ビジネスをやっているつもりだった。だが、最近ようやく気がついたのは（まったく遅いのだが）ウェブというのは、実はメディアそのものだ、ということだった。紙や電波のかわりに、インターネットを使うだけのメディア産業なのだ。IT は道具にすぎず、本質ではない。本質はメディアであるということだ。それが証拠に、ビジネスモデルが、旧来のメディアとまったく同じである。 （とりあえず、ここでは、アマゾンや楽天市場のような、リアルなモノを売る商売は別に考える。売っているものが情報ではないので、彼らはメディアとはいえない。小売業である。ここでいうメディアの定義は「多くの人たちに情報を提供することで、カネを稼ぐ」という商売を指す） 新聞・テレビ・雑誌・書籍の伝統的メディアは、(1)広告 (2)購読料、の2つの収入に支えられてきた。メディ
Browser Performance
The latest versions of the top five major web browsers were tested under six performance indicators to see how much they stack up against each other. Browsers were tested three times with unprimed caches except during caching performance benchmarks. The mean values are reported below. Faster JavaScript execution times means that Ajax-heavy sites like Digg and webapps like Gmail will be more respon
第3回 HTMLとXHTML、HTML5 | gihyo.jp
HTML5という新しい仕様がでてきましたが、既存のHTMLやXHTMLとはどのような関係があるのでしょうか。簡単にHTMLとXHTMLの歴史を振りかえりながら、両者が抱えた問題や、HTML5の目的について説明しようと思います。 HTML ― 拡張のなかで進化していった言語 HTMLはWeb上での情報交換フォーマットとして、Tim Berners-Leeにより生み出されました。「シンプルなハイパーテキストを記述する」という目的があったため、定義されている要素は見出しやリスト、リンクなど、文書構造や文章の意味を記すものに限られていました。 ところが、Webが普及するにつれ、視覚表現をコントロールする要素（いわゆる「タグ」）がブラウザーベンダーにより追加されていき、語彙が膨れ上がってしまいました。さらには、要素の意図とは異なった使われ方をされる例（blockquoteやtableなど）が増
はてなブログ | 無料ブログを作成しよう
初めて梅干しを作ってみた話 今年の夏、初めて梅干しを作りました。 私梅干し大好きなんですが、自分で作るという発想がなくて…同僚が梅シロップを作っているのに影響されて去年から梅仕事を始めてみたんですが、そのときの説明書に「梅干しの作り方」というのも入っていて、えーー梅干しって自分…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
「印刷用ページ」の作り方
IDEA * IDEA
主要なものからマイナーなものまでブラウザの対応状況一覧 -Browserscope