Making the web more beautiful, fast, and open through great typography
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
Google が考えるよりよいユーザー体験とは
先月開催された Google I/O 2010 は、WebMプロジェクト、Chrome Web Store、Google TV などなど興味深い話題が目白押しだったわけですが、デザイン関連でもおもしろい講演があったのも見逃してはいけません。Google とデザインはかけ離れていると考える方もいるかもしれませんが、そんなことはありません。装飾的な意味でもデザインはないかもしれませんが、彼等は高いデザイン意識をもって開発をしています。その例として以前紹介した Google のデザインガイドライン10項目が挙げられます。 Google I/O では「Beyond design: Creating positive user experiences」というUXの話題で講演を行っています。動画とスライドデータが公開されているので、興味はある方はぜひダウンロードしてみてください。 デザインガイドライン
Google Font API で手軽に始めるフォント遊び
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。 今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
Google Analyticsでランディングページごとのコンバージョン率を調べるとっても簡単な方法
今日はGoogle Analyticsで目標設定やeコマーストラッキングを有効にしているサイト管理者に便利なTIPSを紹介します。 ランディングページ（開始閲覧ページ）ごとのコンバージョンのデータやeコマーストラッキングのデータを調べる方法です。 「Google Analyticsの『コンバージョン』メニューで見ればいいんじゃない？」と思うかもしれませんが、「コンバージョン」ではランディングページでセグメント分けできないんです。 実は意外な場所からランディングページごとのコンバージョンデータを知ることができます。 「地図上のデータ表示」です。 ナビゲーションメニューから、「ユーザー」 ⇒ 「地図上のデータ表示」と進んで「ディメンション」で「開始閲覧ページ」を選択します。 するとあら不思議、目標セットやeコマースのタブでランディングページごとのデータが見れるではないですか。 ※注：擬似的にe
NYから東京まで何マイル？Google検索で都市間の直線距離を表示 ｜ SEOモード
Google+にて、Google検索で「how far is it from A to B」で検索するとAとBの都市間の直線距離を表示できるようになったとの投稿がありました。 実際にやってみたところ、こんな風に表示されました。 こちらは「NYと東京の距離」。 これまでも下図のように移動距離は表示していましたが、（私が調べた限りでは）交通手段があって、アクセス可能な場合に限られていたようです。 いずれにしても、この直線距離の表示はまだ日本語環境では導入されておらず、英語環境でも「How far is it from London to New Delhi（ロンドンとニューデリーの距離）」では表示できなかったので、一先ずは限定的な提供のようですね。 ※こちらの記事は最初別のタイトルで公開されましたが、私の勘違いが含まれていたので、書き直して再投稿いたしました。 最初の記事を読まれた方にはご迷惑
Google 検索エンジン最適化スターターガイド
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザの歴史と現在利用のブラウザーがひと目でわかるHTML5のGoogleサイト | NET JUNKIE
HTML5Rocks - A resource for open web HTML5 developers
「サイト制作のノウハウ生かせる」Google Chrome拡張機能を説明 
Search Console ヘルプ