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

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

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

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

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

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

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

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

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

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

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

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

1996年から850億ものウェブサイトを保存している「Wayback Machine」 - GIGAZINE

2008/01/27 254 users ウェブサイト URL 検索窓 目的 ホームページ

自分が見てみたいウェブサイトのURLを入れるだけで、1996年からアーカイブされている約850億ものウェブサイトを見ることが出来ます。12年前の1996年のホームページはとてもさびしい感じがしますが、現在見ているサイトも10年後にはさびしく感じてしまうのでしょうか。 詳細は、以下から。 使い方はとても簡単。ページ上部の検索窓に目的のURLを入れるだけ。 Wayback Machine URLを入れ... 続きを読む

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

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

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

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

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

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

[JS]シンプルなものから高性能なものまで簡単に通知パネルを実装できるスクリプト -Backbone.Notifier | コリス

2012/06/27 121 users コリス jQuery Bac 半透明 スクリプト

通知パネルをページ上部からアニメーションで表示したり、中央にモーダルダイアログ風に表示したり、は当たり前。 デザインを半透明や3Dにしたり、パネルの連動やユーザーのアクションでイベントの設定もできる高機能な通知パネルを実装するjQueryのプラグインを紹介します。 Backbone.Notifierの特徴 Backbone.Notifierのデモ Backbone.Notifierの使い方 Bac... 続きを読む

[JS]ページ上部にアニメーションでスライド表示するパネルを手軽に実装できるスクリプト -Notification | コリス

2011/10/26 89 users Notification コリス script CSS 実装

Notificationの実装 外部ファイル 「jquery.js」と当スクリプト、パネル用のスタイルシートを外部ファイルとして指定します。 <script src="jquery.js"></script> <script src="js/jquery_notification_v.1.js"></script> <link href="css/jquery_notification.css" ... 続きを読む

ページの右上等に分かりやすく通知を表示できたりする「jsMessage」:phpspot開発日誌

2011/11/01 82 users ルックアンドフィール phpspot開発日誌 ダイアログ

Message library ページの右上等に分かりやすく通知を表示できたりする「jsMessage」 ページの右上にアニメーションしながら流れるように通知を流すようなことが出来ます。 通知だけではなくてダイアログのような物を実装することも出来ます。 スキンにも対応しておりルックアンドフィールを変えることも容易 関連エントリ Twitter風にエラーや通知をページ上部に表示させるjQueryプラ... 続きを読む

jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグイン: 小粋空間

2012/03/26 70 users jQuery 小粋空間 ヘッダー ヘッダー部分 プラグイン

jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグインを公開します。 このプラグインは、下記のサイトで紹介されているサンプルをプラグイン化し、機能を追加したものです。 PersistentHeaders １．サンプル サンプルを用意しました。スクロールすると各コンテンツのヘッダー部分がページ上部に固定されます。また、ヘッダーを含んだコンテンツがページから... 続きを読む

Apple.comの新スライダーエフェクトを実装するjQueryプラグイン:phpspot開発日誌

2011/10/31 67 users jQueryプラグイン phpspot開発日誌 ヘッダー

like Apple’s New Slide effect | jQuery Plugins Apple.comの新スライダーエフェクトを実装するjQueryプラグイン apple.com のページ上部にある製品一覧ウィジェット。かなり良い感じで動きますが、これを再現するjQueryプラグインが出ました。 説明しづらいのでデモを見てみてください。 apple.com の例 ヘッダーの製品部分の動き... 続きを読む

【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に... 続きを読む

【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についてご紹介します... 続きを読む

機能変更、お知らせなど - はてなの日記 - ニンテンドーDS用トップページの新設について

2006/07/28 55 users 新設 はてな ニンテンドーDSブラウザー 日記 機能変更

ニンテンドーDS用トップページの新設について 15:33 | はてなのトップページにニンテンドーDS用のページを試験的に新設しました。ニンテンドーDSブラウザーではてなトップページにアクセスするか、http://www.hatena.ne.jp/ds よりご覧いただけます。これまで通り、PC版のトップページをご覧になりたい場合は、ページ上部の「PC版」をクリックしてください。 ニンテンドーDS用ト... 続きを読む

ページ上部に隠れるナビゲーションバーが実装できる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」。 初期化すれば、次のようなつまみが現れて、クリックするとバーが現れるというインタ... 続きを読む

カスタム投稿タイプの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をその下に表示するやり方がありますよね。ちょうど下図のキャプチャのような感じです。... 続きを読む

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

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

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

ページ上部までスクロールするAnimated Scroll to Top｜Webpark

2011/04/25 41 users スクロール スクリプト Web Designer Wall

ページを下に進むと現れて、クリックするとページ上部までスクロールするスクリプトを紹介します。結構ありがちですが、さりげなくCSS3を使っているところや、現れるタイミングやスクロールの早さなどカスタマイズしやすそうなところがおすすめポイントです。 Animated Scroll to Top - web designer wall ソースもダウンロードできるようになっているので、カスタマイズできそう... 続きを読む

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

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

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

Twitter風にエラーや通知をページ上部に表示させるjQueryプラグイン:phpspot開発日誌

2011/10/28 40 users Twitter風 jQueryプラグイン エラー 通知 ボタン

Jquery Notification Plugin. Twitter風にエラーや通知をページ上部に表示させるjQueryプラグイン。 次のようなバーを通知としてページ上部にスライドさせつつ表示するプラグインです。 閉じるボタンなんかもついています WarningやInformationとしてバーの色を変えて出し分けることも出来ます 関連エントリ div全体をクリッカブルにするjQueryプラグイ... 続きを読む

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

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

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

2012年 4月26日をもって、Facebookページのプロフィール写真の大きさが変わります。 - webマーケティング入門

2012/04/18 37 users Facebookページ webマーケティング入門 冒頭 位置

今週も、Facebookページ週間ハイライト　がfacebookから送られてきました。 そのメールの冒頭には、 4月26日をもって、Facebookページのプロフィール写真の大きさが変わります。 必要に応じて、変更当日に現在のプロフィール写真の更新をお願いします。新しいサイズは160 x 160ピクセルで、ページ左側から左23ピクセル、ページ上部から210ピクセルの位置に配置されます。 と書かれて... 続きを読む

Googleが新年早々アルゴリズム更新、広告過多なページにペナルティ明言で何が変わる？ | SEO Japan

2012/01/20 34 users ペナルティ ウェブページ ご存じ 実態 ブロック毎

速報でご存じの方も多いと思いますが、Googleが自身のブログにてページ上部に広告が多すぎるウェブページはペナルティを与える可能性がある、と正式表明したニュースが世界中を駆け巡りました。実はそのリリースを事前に知っていたSEO Japan、昨日、Googleがウェブページをブロック毎に解析する技術を紹介したばかりで非常にタイムリーなニュースだったのですが、さてその実態やいかに。 — SEO Jap... 続きを読む

Amazon.co.jpの商品ページからはてなダイアリーへ、商品情報を直接投稿できるようになりました - はてなダイアリー日記

2011/06/10 34 users ダイアリー Amazon.co.jp Amazon シェア

11:326月9日、Amazon.co.jpの「アソシエイト・ツールバー」の「シェア」機能に、はてなダイアリーが対応しました。Amazon.co.jpの商品情報を、はてなダイアリーで簡単に紹介できます。Amazon アソシエイト・プログラムに登録しているアカウントでAmazon.co.jpにログインすると、ページ上部にアソシエイト・ツールバーが表示されます。商品詳細ページでシェアボタンのドロップダ... 続きを読む