はてなブログでサイト内検索をしやすくするカスタマイズ（Googleアナリティクス連携） - はるなぴログ

2019/12/08 22 users Googleアナリティクス連携 ロク キーワード 読者 検索窓

はてなブログでサイト内検索をしやすくするカスタマイズ方法を紹介します。 PC版ではサイドバー上部に検索窓を移動します。またスマホでもページ上部にサイト内検索できるウィンドウ枠を設置します。 更にGoogleアナリティクスとも連携して読者がどんな内容の記事を探しているのかキーワードを取得しましょう。読者が探... 続きを読む

CSSだけでも実装できる！ページ内アンカーやページ上部にアニメーションでスクロールさせるCSS, JavaScriptのまとめ | コリス

2018/05/10 142 users コリス Jav jQuery CSS アニメーション

ページ内のアンカーやページの上部にアニメーションで、スムーズにスクロールさせるCSS、単体のJavaScript、Vue.jsやjQueryのプラグインを紹介します。 現在では、CSSだけでも実装できるようになりました。IEは例のごとく非対応ですが、ポリフィルがあるので利用できます。 イラスト: Girls Design Materials CSSでページをアニメーションでスクロールさせる Jav... 続きを読む

アマゾンが密かに進める｢越境対策｣の中身 | インターネット | 東洋経済オンライン | 経済ニュースの新基準

2017/03/21 23 users アマゾン ご存じ 簡体字 精度 中身

アマゾンの日本版ショッピングサイトをPCで開くと、ページ上部に「言語設定」のためのボタンがある。サイトの言語表示を、日本語以外に英語、中国語（簡体字）に切り替えられるのだが、実はここ1年ほどで、翻訳の精度が大きく向上しているのをご存じだろうか。 「これまでは、たとえば英語の画面で注文したのに確認メールは日本語で来るなど、中途半端な状態だったが、そういうものを一気に解消した」（アマゾンジャパン、消費... 続きを読む

ニフティ、個人などのホームページ14万件が1カ月後に自動消滅、サービス終了の「@homepage」、8割以上が放置されたまま -INTERNET Watch

2016/08/29 346 users homepage ニフティ アット 掲示 nifty

「@nifty」会員サポートページ。「@homepage」サービス終了の告知を大きく掲示している。サービス終了を1カ月後に控え、さらに「@nifty」のトップページでもページ上部の目立つ位置で掲示を開始した 「@nifty」のISP接続会員向けに1999年から提供されてきた無料ホームページサービス「@homepage（アット・ホームページ）」が、すでに告知されていた通り、9月29日15時に終了する... 続きを読む

はてなブックマーク10周年新機能「特集」 - はてなブックマーク

2015/08/17 10 users 特集 はてなブックマーク カテゴ IoT アルゴリズム

特集機能とは はてなブックマークのカテゴリーをさらに分類した「特集」が生まれました。 アルゴリズムから抽出されたデータを編集者が日々調えることで、 よりきめ細かい話題にも対応します。 「オリンピック」「IoT」など、自分が気になる情報だけを 雑誌の特集ページみたいにまとめ読みしましょう。 たくさんの特集を 一望できる ページ上部の 「カテゴリーナビゲーション」が より使いやすくなりました。 カテゴ... 続きを読む

【炎上】「堀江貴文と半年で1.4億円売り上げた私がセミナーを開催します」→堀江貴文「誰こいつ。知らん」 | netgeek

2015/07/18 155 users ホリエモン 堀江貴文氏 netgeek ランディングページ

野口洋一という人物が開催を予定している「無料オンラインセミナー」が無許可で堀江貴文氏の名を使っていると問題になっている。 まずはこちらのセミナー告知をご覧頂きたい。情報商材系ビジネスにありがちなデザインの「いかにも」なランディングページだ。 ページ上部には「あのホリエモンから何か一緒にしませんかと声を掛けられて半年で1.4億円売り上げることが出来た」とでかでかとアピールされている。そして、有名人と... 続きを読む

全ページ共通のテンプレート定型文をGoogleはどのように評価するのか？ | 海外SEO情報ブログ

2015/07/08 31 users Google 海外SEO情報ブログ ミューラー 初級 共通

[レベル: 初級]サイト内のすべてのページに共通の定型文を、テンプレートとしてページ上部に掲載していたとします。 メインコンテンツは、そのテンプレート定型文の後から始まります。こうした定型文のGoogleの扱い方について、6月30日に開催された英語版のウェブマスター向けオフィスアワーでJohn Mueller（ジョン・ミューラー）氏が説明しました。 テンプレート定型文のGoogleの扱いミューラー... 続きを読む

Googleページの「Google+」リンク、目立つ位置から隠され「+」表記もなくなる | アプリオ

2015/06/02 15 users Gmail アプリオ Googleアカウント 位置 ウェブ版

Googleページの「Google+」リンク、目立つ位置から隠され「+」表記もなくなる 2015.06.02 9:40 ウェブ版のGoogle検索やGmailなどのページ上部の目立つ位置に表示されていた「Google+」のプロフィールリンクが、すでにGoogle+にリンクしておらず、「+」表記もなくなっていることがわかりました。 これまで、Googleアカウントでログインしている場合、ウェブ版の各... 続きを読む

ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験 | WWW WATCH

2015/05/15 261 users WWW WATCH 一瞬 実験 瞬時 ページ内リンク

タイトルが （謎） な感じですが...... ページ内リンクでページ上部に移動させたりするとき、最近は所謂スムーズスクロールってやつを実装するのが当たり前になっていますよね。パッと瞬時に画面が切り替わってしまうと、ページ内で移動したことがわかりにくいので、スクロール処理を入れることでわかりやすくしてあげましょうって言う、親切心から採用されるケースが多いと思います。 実装方法は JavaScript... 続きを読む

ブラウザの幅全体をメイングラフィックにするスライドショーを作成する【jQuery連載11】 | HTML5でサイトをつくろう

2015/05/08 43 users スライダー 両側 メイングラフィック 前後 スライドメニュー

前回は、クリックで開閉するスライドメニューを作成しましたが、今回はメイングラフィックスペースをグラフィカルにするスライダーを作成します。 ページ上部のメイングラフィックスペースに複数の情報を表示させるようにするスライドショーを作成する。今回は、メインの画像が中央に、その両側には前後のグラフィック画像に黒い半透明の画像が被さった状態で表示されるスライダーを作成します。 前後の画像が両側に表示されるた... 続きを読む

クックパッド、スマホ版で動画広告--約2700万人に訴求 - CNET Japan

2014/08/08 12 users クックパッド クックパッドアプリ テスト 視聴 仕様

クックパッドは8月8日、レシピ情報サイト「クックパッド」のスマートフォンサイトにおいて、動画広告の配信を開始した。今後はクックパッドアプリでも提供する予定だという。 動画広告は、スマートフォン版クックパッドのコンテンツページ内、上下2カ所に表示される仕様となっている。ページ上部の枠で視聴した動画の続きがスクロールダウンしたページ下部の枠で再生される「動画再生位置連携」を導入した。同社が8月にテスト... 続きを読む

クックパッド、スマホ向け動画広告の提供開始 スクロールしても動画再生が連携する業界初の試み：MarkeZine（マーケジン）

2014/08/08 25 users MarkeZine 執行役員 上下 クックパッド 視聴

8日、クックパッドは自社開発によるスマホ向けの動画広告の提供を開始した。スクロールしても上下の動画が連携する仕組みを導入している。 今回、クックパッドが提供する動画広告はスマホ版クックパッドのコンテンツページ内、上下2か所に表示される仕組み。ページ上部の枠で視聴した動画の続きが、スクロールダウンしたページ下部の枠で再生される「動画再生位置連携」を導入している。 クックパッド 執行役員の間渕紀彦氏は... 続きを読む

[CSS]次のプロジェクトで使える！スタイルシートの極上テクニックのまとめ | コリス

2014/04/25 540 users div コリス エレメント font-size指定 ボーダー

CSSの進化が止まりません。 ページ上部の打ち出し画像をレスポンシブ対応でうまく配置するテクニック、エレメントにちょっとしたアクセントを加えたい、レスポンシブ用のfont-size指定のうまい方法など、スタイルシートの極上テクニックを紹介します。 Zig Zag Border Created CSS 最近見かけるようなったジグザグのボーダー。画像の使用はなし、divの三角形をたくさん並べるでもなく... 続きを読む

Googleが自分の名前と写真を広告に流用する新機能の詳細と拒否する手順 - GIGAZINE

2013/10/15 311 users コンテンツ ユーザー 告知 新しい広告戦略 同社

最近、Googleのページ上部に青いバーとともに「新しい使用規約：広告やコンテンツでのユーザー情報の表示について更新しました」と記載されているのを目にした人も多いと思いますが、これは同社が進める新しい広告戦略を開始するための告知であり、個人ユーザーの名前や写真がGoogleの検索結果に表示されてしまう可能性があることがわかりました。これは「共有おすすめ情報」と呼ばれる機能で、ユーザーがGoogle... 続きを読む

Webデザインの参考にしたい遊び心あふれる「ページトップ」ボタン9個 / SQUEEZE - Web Design Studio -

2013/09/06 37 users 遊び心 JTB Tokyo Squeeze ボタン

Webサイトを閲覧中に、ページ上部に戻るための「ページトップ(スクロールトップ)」ボタン。ページの機能としての重要性は低く、あまり目立たない(目立たせない)ものです。そんな中でも、おっと思わせる遊び心のあふれる「ページトップ」ボタンをご紹介します。 ページトップ(スクロールトップ) ボタン 女子旅つくるプロジェクト｜JTB × KOBE COLLECTION / TOKYO RUNWAY http... 続きを読む

Google風スリムでクールなプログレスバー実装JS「NProgress」:phpspot開発日誌

2013/09/03 20 users プログレスバー phpspot開発日誌 Google風 通常

Google風スリムでクールなプログレスバー実装JS「NProgress」 2013年09月03日- NProgress: slim progress bars in JavaScript Google風スリムでクールなプログレスバー実装JS「NProgress」 次のようにページ上部にプログレスバーと円形ナビゲーションが表示され、必要最小限のプログレスバーが実現可能。 通常のページではあまり使え... 続きを読む

7/25 ニコニコ動画Q、動画視聴ページ（Qwatch）の更新内容について‐ニコニコインフォ

2013/07/25 40 users Qwatch インフォ 一行 とおり ニコニコ動画

いつもニコニコ動画をご利用いただきありがとうございます。 ニコニコ動画Qの動画視聴ページ(Qwatch)が、皆様のご意見を受けてさらに新しくなりました。 変更点は下記のとおりになります。 ・動画情報をページ上部に表示 最初からタイトル下に動画説明が一行表示されている状態になります。 さらに「すべて表示」か「動画情報を開く」をクリックすることで再生数などを含むすべての動画情報が表示されます。 開いた... 続きを読む

ず’s / 人口日本一の村の誕生まであと○日

2013/07/06 15 users 誕生 宅地 読谷村 日程 Webサイト

読谷村のWebサイトにいくと、ページ上部に “人口日本一の村の誕生まであと○日” と表示されている。今日(2013/7/5)は “あと180日” だ。 読谷村は最近宅地が増えていて 日本一になってもおかしくはないけど、日本一になる日程までわかるのも妙だ。 Webページ内検索すると “人口日本一の村の誕生まであと2日” というページだけがヒットしてさらに謎を呼ぶ。 人口日本一の村の誕生まであと2日 ... 続きを読む

カスタム投稿タイプのFAQページを作りながら、WP_Query、rewind_posts、query_posts、pre_get_postsの表示パフォーマンスを比較してみた – Waviaei

2013/04/07 44 users Waviaei ANSWER query_posts 下図

カスタム投稿タイプのFAQページを作りながら、WP_Query、rewind_posts、query_posts、pre_get_postsの表示パフォーマンスを比較してみた サイトのFAQ一覧を1ページで表示する場合、ページ内リンク付きのQuestionsリストをページ上部に、各QuestionsとそのAnswerをその下に表示するやり方がありますよね。ちょうど下図のキャプチャのような感じです。... 続きを読む

５ステップで超簡単！Google アナリティクスで閲覧ユーザーを追加する方法 | SEOに詳しい大阪の株式会社いろいろ

2013/01/10 22 users SEO Google アナリティクス intl 5ステップ

Googleアナリティクスの使い方をよく忘れるので備忘録です。 仕様もよく変わるうえに忘れやすいので 現状（２０１３年１月）の管理画面操作方法です。 Google Analyticsユーザー追加の方法 １，まずはAnalyticsの管理画面へ http://www.google.com/intl/ja_jp/analytics/ ページ上部（右の方にある） ２，「アナリティクス設定」をクリック こ... 続きを読む

ページ上部に隠れるナビゲーションバーが実装できるjQueryプラグイン「jBar」:phpspot開発日誌

2012/11/07 51 users ナビゲーションバー Wiltshire インタ つまみ パー

jBar Plugin, the jQuery call to action bar : Todd Motto: Front-End Web Developer & Graphic Designer in Wiltshire, UK. ページ上部に隠れるナビゲーションバーが実装できるjQueryプラグイン「jBar」。 初期化すれば、次のようなつまみが現れて、クリックするとバーが現れるというインタ... 続きを読む

iPhoneでURLバーを消すスクリプトが効かない時の対処法 | Webamb | ウェブアンブ

2012/11/06 18 users iPhone Webamb ウェブアンブ スクリプト 対処法

こんにちは。こうめ（@Bamboo_C）です。 今日はiPhoneでURLバーを消すスクリプトが効かなくなってしまった時、解消する方法をご紹介します。 そもそもURLバーを消すスクリプトってなに？ iPhoneなどで、デフォルトでページ上部に表示されるURLバーは、お客様によっては「デザイン的に消して欲しい」って言われちゃう事もあると思います。 そんな時常用されているのが下記のスクリプトです。 少... 続きを読む

レスポンシブなWebサイト制作時の表示チェックに役立つjQueryプラグイン。ページ上部に表示されるメニューから表示サイズを瞬時に切り替えることができる。 → jResize Plugin, for one window respon

2012/11/01 14 users Tutorials 瞬時 jQueryプラグイン メニュー

jResize Plugin, for one window responsive development : Todd Motto: Front-End Web Developer - Web Design & Development, Tutorials, Downloads. HTML5/CSS3, jQuery. 続きを読む

【iOS6】ページ上部にアプリが開けるバナーを表示！ Smart App Bannerについて : Excite Smartphone Engineer's Blog

2012/09/20 61 users Excite Smartphone Engineer

スマートフォン推進室で主にiOSアプリの開発を担当しています、富家です。ついにiOS6がリリースされ、NDAが解禁になったのでiOS6情報を書いて行きたい...スマートフォン推進室で主にiOSアプリの開発を担当しています、富家です。 ついにiOS6がリリースされ、NDAが解禁になったのでiOS6情報を書いて行きたいと思います。 今日はページ上部にSmart App Bannerについてご紹介します... 続きを読む

【iOS6】ページ上部にアプリが開けるバナーを表示！ Smart App Bannerについて : Excite Smartphone Engineer's Blog

2012/09/20 63 users Excite Smartphone Engineer

スマートフォン推進室で主にiOSアプリの開発を担当しています、富家です。 ついにiOS6がリリースされ、NDAが解禁になったのでiOS6情報を書いて行きたいと思います。 今日はページ上部にSmart App Bannerについてご紹介します。 Smart App Bannerとはこれです。 Safariの画面上部にApp Storeへのリンクを置くことができます。 設置方法は簡単です。 htmlに... 続きを読む