タグ ページ上部
人気順 5 users 10 users 100 users 500 users 1000 usersCSSだけでも実装できる!ページ内アンカーやページ上部にアニメーションでスクロールさせるCSS, JavaScriptのまとめ | コリス
ページ内のアンカーやページの上部にアニメーションで、スムーズにスクロールさせるCSS、単体のJavaScript、Vue.jsやjQueryのプラグインを紹介します。 現在では、CSSだけでも実装できるようになりました。IEは例のごとく非対応ですが、ポリフィルがあるので利用できます。 イラスト: Girls Design Materials CSSでページをアニメーションでスクロールさせる Jav... 続きを読む
ニフティ、個人などのホームページ14万件が1カ月後に自動消滅、サービス終了の「@homepage」、8割以上が放置されたまま -INTERNET Watch
「@nifty」会員サポートページ。「@homepage」サービス終了の告知を大きく掲示している。サービス終了を1カ月後に控え、さらに「@nifty」のトップページでもページ上部の目立つ位置で掲示を開始した 「@nifty」のISP接続会員向けに1999年から提供されてきた無料ホームページサービス「@homepage(アット・ホームページ)」が、すでに告知されていた通り、9月29日15時に終了する... 続きを読む
【炎上】「堀江貴文と半年で1.4億円売り上げた私がセミナーを開催します」→堀江貴文「誰こいつ。知らん」 | netgeek
野口洋一という人物が開催を予定している「無料オンラインセミナー」が無許可で堀江貴文氏の名を使っていると問題になっている。 まずはこちらのセミナー告知をご覧頂きたい。情報商材系ビジネスにありがちなデザインの「いかにも」なランディングページだ。 ページ上部には「あのホリエモンから何か一緒にしませんかと声を掛けられて半年で1.4億円売り上げることが出来た」とでかでかとアピールされている。そして、有名人と... 続きを読む
ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験 | WWW WATCH
タイトルが (謎) な感じですが...... ページ内リンクでページ上部に移動させたりするとき、最近は所謂スムーズスクロールってやつを実装するのが当たり前になっていますよね。パッと瞬時に画面が切り替わってしまうと、ページ内で移動したことがわかりにくいので、スクロール処理を入れることでわかりやすくしてあげましょうって言う、親切心から採用されるケースが多いと思います。 実装方法は JavaScript... 続きを読む
[CSS]次のプロジェクトで使える!スタイルシートの極上テクニックのまとめ | コリス
CSSの進化が止まりません。 ページ上部の打ち出し画像をレスポンシブ対応でうまく配置するテクニック、エレメントにちょっとしたアクセントを加えたい、レスポンシブ用のfont-size指定のうまい方法など、スタイルシートの極上テクニックを紹介します。 Zig Zag Border Created CSS 最近見かけるようなったジグザグのボーダー。画像の使用はなし、divの三角形をたくさん並べるでもなく... 続きを読む
Googleが自分の名前と写真を広告に流用する新機能の詳細と拒否する手順 - GIGAZINE
最近、Googleのページ上部に青いバーとともに「新しい使用規約:広告やコンテンツでのユーザー情報の表示について更新しました」と記載されているのを目にした人も多いと思いますが、これは同社が進める新しい広告戦略を開始するための告知であり、個人ユーザーの名前や写真がGoogleの検索結果に表示されてしまう可能性があることがわかりました。これは「共有おすすめ情報」と呼ばれる機能で、ユーザーがGoogle... 続きを読む
ページ上部に隠れるナビゲーションバーが実装できるjQueryプラグイン「jBar」:phpspot開発日誌
jBar Plugin, the jQuery call to action bar : Todd Motto: Front-End Web Developer & Graphic Designer in Wiltshire, UK. ページ上部に隠れるナビゲーションバーが実装できるjQueryプラグイン「jBar」。 初期化すれば、次のようなつまみが現れて、クリックするとバーが現れるというインタ... 続きを読む
【iOS6】ページ上部にアプリが開けるバナーを表示! Smart App Bannerについて : Excite Smartphone Engineer's Blog
スマートフォン推進室で主にiOSアプリの開発を担当しています、富家です。ついにiOS6がリリースされ、NDAが解禁になったのでiOS6情報を書いて行きたい...スマートフォン推進室で主にiOSアプリの開発を担当しています、富家です。 ついにiOS6がリリースされ、NDAが解禁になったのでiOS6情報を書いて行きたいと思います。 今日はページ上部にSmart App Bannerについてご紹介します... 続きを読む
【iOS6】ページ上部にアプリが開けるバナーを表示! Smart App Bannerについて : Excite Smartphone Engineer's Blog
スマートフォン推進室で主にiOSアプリの開発を担当しています、富家です。 ついにiOS6がリリースされ、NDAが解禁になったのでiOS6情報を書いて行きたいと思います。 今日はページ上部にSmart App Bannerについてご紹介します。 Smart App Bannerとはこれです。 Safariの画面上部にApp Storeへのリンクを置くことができます。 設置方法は簡単です。 htmlに... 続きを読む
[JS]シンプルなものから高性能なものまで簡単に通知パネルを実装できるスクリプト -Backbone.Notifier | コリス
通知パネルをページ上部からアニメーションで表示したり、中央にモーダルダイアログ風に表示したり、は当たり前。 デザインを半透明や3Dにしたり、パネルの連動やユーザーのアクションでイベントの設定もできる高機能な通知パネルを実装するjQueryのプラグインを紹介します。 Backbone.Notifierの特徴 Backbone.Notifierのデモ Backbone.Notifierの使い方 Bac... 続きを読む
jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグイン: 小粋空間
jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグインを公開します。 このプラグインは、下記のサイトで紹介されているサンプルをプラグイン化し、機能を追加したものです。 PersistentHeaders 1.サンプル サンプルを用意しました。スクロールすると各コンテンツのヘッダー部分がページ上部に固定されます。また、ヘッダーを含んだコンテンツがページから... 続きを読む
ページの右上等に分かりやすく通知を表示できたりする「jsMessage」:phpspot開発日誌
Message library ページの右上等に分かりやすく通知を表示できたりする「jsMessage」 ページの右上にアニメーションしながら流れるように通知を流すようなことが出来ます。 通知だけではなくてダイアログのような物を実装することも出来ます。 スキンにも対応しておりルックアンドフィールを変えることも容易 関連エントリ Twitter風にエラーや通知をページ上部に表示させるjQueryプラ... 続きを読む
Apple.comの新スライダーエフェクトを実装するjQueryプラグイン:phpspot開発日誌
like Apple’s New Slide effect | jQuery Plugins Apple.comの新スライダーエフェクトを実装するjQueryプラグイン apple.com のページ上部にある製品一覧ウィジェット。かなり良い感じで動きますが、これを再現するjQueryプラグインが出ました。 説明しづらいのでデモを見てみてください。 apple.com の例 ヘッダーの製品部分の動き... 続きを読む
[JS]ページ上部にアニメーションでスライド表示するパネルを手軽に実装できるスクリプト -Notification | コリス
Notificationの実装 外部ファイル 「jquery.js」と当スクリプト、パネル用のスタイルシートを外部ファイルとして指定します。 <script src="jquery.js"></script> <script src="js/jquery_notification_v.1.js"></script> <link href="css/jquery_notification.css" ... 続きを読む
1996年から850億ものウェブサイトを保存している「Wayback Machine」 - GIGAZINE
自分が見てみたいウェブサイトのURLを入れるだけで、1996年からアーカイブされている約850億ものウェブサイトを見ることが出来ます。12年前の1996年のホームページはとてもさびしい感じがしますが、現在見ているサイトも10年後にはさびしく感じてしまうのでしょうか。 詳細は、以下から。 使い方はとても簡単。ページ上部の検索窓に目的のURLを入れるだけ。 Wayback Machine URLを入れ... 続きを読む
機能変更、お知らせなど - はてなの日記 - ニンテンドーDS用トップページの新設について
ニンテンドーDS用トップページの新設について 15:33 | はてなのトップページにニンテンドーDS用のページを試験的に新設しました。ニンテンドーDSブラウザーではてなトップページにアクセスするか、http://www.hatena.ne.jp/ds よりご覧いただけます。これまで通り、PC版のトップページをご覧になりたい場合は、ページ上部の「PC版」をクリックしてください。 ニンテンドーDS用ト... 続きを読む