消えゆくスクロールバー｜3inowayosuke
最近スクロールバーを見かけなくなった気がします。ざっと調べてみると、スクロールバーはすでに消え始めており、今のスタンダードはスクロールインジケーターになってる様です。そうかと思えば、そのスクロールインジケーターすら消え始めている状況です。 ▼１．消えゆくスクロールインジケーター1.1 フェイスブックiOSアプリ フェイスブックのアプリでは、もはやスクロールインジケーターすら表示されていません。ご自身のスマートフォンで見てみると、画面右側には何も表示されないはずです。 1.2 電話帳 iOS 実は電話帳からもスクロールインジケーターが消えています。インデックスが表示されているので、スクロールインジケーターとインデックスが重なってしまうのを防ぐためと思われます。 1.3 メモ帳 iOS メモ帳ではスクロールをするまでインジケーターは表示されません。スクロール後は一定時間が経つとスクロールインジ
シューティングゲームと強制スクロール｜見城こうじ
プレイステーション4で『グラディウス』を久しぶりに遊んで、シューティングゲームについて思うところがあったので、ちょっと書いてみます。 しばらく前からあれこれ直したり書き足したりしているうちに収拾がつかなくなりまして、結局まとめることをあきらめて考えをすべてダラダラと羅列しました。 （ヘッダー画像は『グラディウス』のフライヤーを持っていなかったので、代わりに『ゼビウス』を置いてみました） 強制スクロールシューティングの特異性 『グラディウス』をプレイして改めて思ったのが、強制（オート）スクロールって本当に独特な遊びだなあということ。 「カメラのフレーム内＝動ける範囲」で、それが勝手に移動していく。たとえるなら、移動する箱のなかに自分だけが閉じ込められて、そこで戦い続けるゲーム。ギミックや敵がドンドン過ぎ去っていくなか、それらを待ったなしで処理していく遊び。 この手のゲームは過去に散々遊んでき
『パックマン』にはじまり『スーパーマリオ』でひとつの完成形に達した“キャラクターの身体機能”「なんでゲームは面白い？」第11回
『パックマン』にはじまり『スーパーマリオ』でひとつの完成形に達した“キャラクターの身体機能”「なんでゲームは面白い？」第11回 『パックマン』はなぜジャンルの代名詞となったのか 「ドットイートゲーム」というゲームジャンルがある。 迷路状のフィールドに点在するドットを集めることで、ゲームが進行していくタイプのゲームを指す言葉だ。このジャンルの代表的なタイトルといえば、誰もが『パックマン』を挙げるだろう。 （画像はSteam｜ARCADE GAME SERIES: PAC-MANより） このゲームはまさしくフィールドに点在するドットを食べるゲームであり、「ドットイートゲーム」というジャンル自体が『パックマン』によって産まれたと言っていいだろう。 だが、ここで注意したいのは、『パックマン』が「ドットイートゲーム」の元祖ではないということだ。 1980年にリリースされた『パックマン』よりも1年前の
UIデザインにおけるナビゲーションのデザインパターンまとめ | ベイジの社長ブログ
前回エントリーでは「UIデザイナーが理解しておくべき11種類のナビゲーションと特徴」として、ナビゲーションの種類を、機能的な側面から分類し、ご紹介しました。 続編となる今回は、ナビゲーションをデザイン的な側面からとらえ、形状、ふるまい（動き）、階層というの3種類の表現軸に分けて、ナビゲーションでよく使われているデザインというものを整理してみました。 形状のデザイン UIにおけるナビゲーション要素が、主にどのような形状でデザインされているか、というパターンをここではご紹介しています。 メニューバー メニューをボタン化し、バー状にまとめたデザインです。PCサイトのグローバルナビゲーションやローカルナビゲーションなどによく採用されます。 一覧性に優れ、一目でナビゲーション要素と分かるため、ユーザビリティに優れます。一方、ある程度の表示スペースを必要とするため、スマートフォンではあまり用いられない
【みんなの知識 ちょっと便利帳】パソコンの、現在のウィンドウサイズ[画面サイズ]を調べる
現在のウィンドウサイズ ② [ ＊画像説明 ② ] (スクロールバーを含み、メニュー・ステータスバーなどを除く)
Page Scroll Effects | CodyHouse
Page Scroll Effects Introducing a mini-library of experimental page scroll effects. We put together some fancy effects that take place while the user is surfing through the sections of a web page. Some of the effects are quite extreme, but they can prove very useful if your goal is to create an immersive user experience. All animations have been created using Velocity.js. Please note that these ef
ランディングページ（LP）はファーストビューで決まる！直帰率を改善するポイントまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ソウルドアウト株式会社のモッチです。 ランディングページで売上アップ！のつもりが、あれ？思うように売れない……。なんてことはありませんか？ それは、ランディングページの基本中の基本が抜けてしまっているからかもしれません。 ランディングページでありがちなミスは？ たとえば、こんなランディングページになっていませんか？ 企業側の言いたいことを詰め込んでいる 商品・サービスと関係性の薄いメインビジュアルを使用している そもそも何の商品・サービスなのかがわからない 今回は、ランディングページの顔であり、売上改善に大きなインパクトを与える「ファーストビュー」にフォーカスして、改善すべきポイントをご紹介していきます。ぜひ、参考にしてみてください。 売上改善のカギ「ファーストビュー」とは？ ファーストビューとは、Webページにアクセスした際に、スクロールせずに見えるブラウザの画面範囲のこと。
jQueryで1ページごとにスクロールして画面遷移させるUIを実装する方法｜BLACKFLAG
以前、iPhone5sのプロダクトページがリリースした頃に『簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して1ページをフルスクリーン表示にして、画面全体をスクロールさせることで、1ページ分（1コンテンツ分）を画面遷移させるUIを実装できるjQueryプラグインを紹介しましたが、自分なりにもっと使いやすい形で実現できないかやってみた実験をご紹介してみます。 【2014/08/05 追記】 各ブロック内での横スライド機能を追加しました。 まずは動作サンプルから。 下記のサンプル画面でマウスホイールスクロールもしくは画面右側のナビゲーションボタン等を使って画面（ページ）を切り替えてみてください。 「jQueryで1ページごとにスクロールして画面遷移させるU
Sony Tablet S
Don't miss out on great tech for mom Empower your mom with noise-canceling headphones, cameras, and TVs Learn more Don't miss out on great tech for mom Empower your mom with noise-canceling headphones, cameras, and TVs Learn more Don't miss out on great tech for mom Empower your mom with noise-canceling headphones, cameras, and TVs Learn more
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
パララックスサイトの作り方の初歩
最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量：" + y);//表示用 }); }); サンプルペー
ゲームにまつわる怖い噂・裏設定・裏技・バグ:哲学ニュースnwk
2011年07月21日23:19 ゲームにまつわる怖い噂・裏設定・裏技・バグ Tweet 1：以下、名無しにかわりましてVIPがお送りします：2011/07/21(木) 10:21:24.00 ID:hxCLEEeV0 教えて FF3の飛空艇の高速移動くらいしか知らない FF3の飛空艇の高速バグ 『FFI』の開発にあたり、石井浩一は「飛空船に影をつけて浮いているように見せたい」と坂口に提案した が、 坂口は「そんなの無理だ」と述べた。しかし、石井が後日ナーシャに相談したところ、 その翌日には飛空船に影がついている上に4倍速移動を実現させ、ス タッフを驚かせる。 『FFIII』は、オリジナル版発売の後、リメイク版の製作が何度か発表されるものの なかなか実現せず、 何度か企画自体の仕切り直しを重ねた。実際にリリースされたのは当初の発表（2000年頃）から 実に6年が経過した2006年の
見やすい？見にくい？30の横スクロールWebサイト | Webクリエイターボックス
2017年6月29日 Webデザイン 誰もが目にする使い慣れたWebサイトといえば、やはり縦スクロールのレイアウト。そこにあえて横スクロールでデザインされているWebサイトを紹介します。JavaScriptでマウスウィールを使用できるようにしたり、いろんな効果を出しているサイトもあり、新しいデザインの種が見つけられるかも。 ↑私が10年以上利用している会計ソフト！ 横スクロールWebサイトギャラリー 以前紹介した「うっとりしてしまうデザインのシングルページWebサイト30」でもいくつか横スクロールのデザインを紹介しました。多くの場合JavaScriptで横に移動するデザインですね。私はMacbook Proのトラックパッドを使っているので横スクロールも楽チンですが、horizontinyscrollingなどのJavaScriptで横スクロールでもマウスウィールが使えるようにすると全てのユ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
要素がスクロールで画面内に入った時、内包要素を順番にフェードインするjQueryプラグインを作りました
HYGIA(ハイジア)｜ライオン株式会社
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
Cph Art Festival - Spiritual Psychic Reading | Begin The Better Understanding!
TUMBLR MOSAIC VIEWER
smart Home
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
