「Webフォント」（Web Fonts）という技術をご存じだろうか？　Webフォントは、クライアントにインストールされていないフォントをWebページで自由に使えるようにする技術だ。従来、好みのフォントを使った文字をWebページで表示するには、あらかじめ文字を画像化しておくしかなかったが、Webフォントなら使用したいフォントファイルをサーバーにアップロードし、CSSで読み込ませるだけで利用できる。 Webフォントのメリットは、画像を利用する場合と比較すると分かりやすい。 Webフォントの場合 画像の場合

世界のフロンエンド技術を学ぶ UX、UI、レスポンシブWebデザインまで、最新のフロントエンド技術をトータルに学んでいただきます 世界のUX企業である「ノーマンニールセン」の資格を持つ講師から、UXの基本、UI設計、HTML5の基本からFlexboxなどの最新のレイアウトプロパティを利用したサイト制作技術を学ぶことができます。 制作効率を上げるツールやノウハウを提供 効率よく運用&構築するためのツール、チーム開発のためのコミュニケーションツールの利用方法も学べます 制作効率を上げるためのツール、バージョン管理ツール、現場の仕事がスムーズにできるコミュニティツールなど各種ツールを知ることができます。 インデックスされやすい、流入の多いサイト制作を学ぶ ユーザーニーズにリードできるサイト構築が学べます ユーザーリードを獲得しやすいリッチスニペットの導入、パフォーマンスの良いサイト制作など、Go

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？　もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

[調査] 日本の検索エンジンシェア 2008年4月 - ニールセン・オンライン調べ Nielsen Online 2008年4月、日本の検索サイトシェア、Yahoo! Japan 56.2%、Google 31.3%、両社合算のシェアは87.5%。 公開日時：2008年06月29日 23:45 朝日新聞2008年6月28日付けの記事（ネットの海　主戦場、14面）にニールセン・オンライン調べの日本の検索エンジンシェアが紹介されています。 SOURCE: Nielsen Online, April 2008 上位検索サイトのページビューベースで検索エンジンシェアを算出しています。期間は2008年4月。日本の検索トップシェアといわれるYahoo! JAPANは56.2％、それを追随するGoogleは31.3%まで伸びてきています。Yahoo! JAPANとGoogle合算の検索シェアは、56.2

Yahoo! 51.2%、Google 39% - 日本の検索エンジンシェア 2008年9月 - コムスコア調査 コムスコア・ジャパンによる日本の検索プロパティのランキング。ヤフーが51.2%で首位、グーグルは39.0%、マイクロソフトは1.5%。 公開日時：2008年12月19日 16:33 米ネット視聴率調査会社・comScoreは2008年11月26日、日本国内の検索プロパティランキングを発表した。同社の検索市場の分析・調査ツール「qSerach 2.0」を使用して集計した。 2008年9月日本の総検索回数は約59億回、検索利用者1人あたりの検索回数は月間96回だった。最も検索回数が多い検索サイトはYahoo!JAPANで約30億回で検索者1人あたり58.9回/月、Googleは約22億回で検索者1人あたり54.7回／月。これら検索回数をベースにした検索エンジンシェアは、Yahoo!

ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi