タグ スクロール
人気順 5 users 10 users 50 users 100 users 1000 users若者はリンクもスクロールも嫌――記事の体裁が新鮮すぎる「BuzzFeed Kawaii」に聞く、ミレニアル世代のネットメディアへの接し方 - INTERNET Watch
2019/04/09
836 users
体裁
BuzzFeed Kawaii
ミレニアル世代
若者
あのイライラが解消、「Googleマップ」で嬉しい仕様変更 | アプリオ
2016/11/23
521 users
朗報
ウェブサイト
意図通り
アプリオ
地図
すべてのスマホユーザーとウェブサイト制作者に朗報です。Googleマップの埋め込み地図でスマホ向けの操作仕様が変更されています。 新仕様では、スマホでウェブサイトに埋め込まれたGoogleマップの上を1本指でスクロールしても、埋め込み地図がスクロールせず、意図通りに画面全体をスクロールできるようになっています。 埋め込み地図のスクロールには、代わりに2本指での操作が要求されます。当然、過去に埋め込... 続きを読む
レスポンシブデザインにすぐ使える！すごいアイデア30個 | コリス
2016/03/04
662 users
DESIGN
フォント
トリミング
スワイプ
コリス
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet... 続きを読む
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します - Liner Note
2014/12/20
1220 users
Liner Note
パブリックドメイン
SVGファイル
illusratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 東京 鉄道路線図 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改... 続きを読む
海外旅行で便利：iPhoneの「Google Maps」アプリでオフライン用に地図をキャッシュする方法 | Touch Lab - タッチ ラボ
2013/07/17
772 users
使い物
ズーム
iOS向け
コマンド
iPhone
iOS向けの『Google Maps 』で、オフライン用に地図データを保存しておく方法があるそうです。 地図アプリには元々一ダータをキャッシュしておく機能がありますが、ズームやスクロールなどで一度も表示していない画面のデータは保存されておらず、電波の入らない場所ではあまり使い物になりません。 しかしながらちょっとした「コマンド」を使うだけで、明示的に地図データをオフライン用に保存することができます... 続きを読む
縦や横に長いサイト「高級ペライチ」1度は見ておきたい超定番演出のまとめ32個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
2012/06/19
1735 users
KAYAC DESIGNER
パララックス
Blog
愛称
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介... 続きを読む
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
2011/07/06
694 users
NIKE
パララックス効果
パララックス
メモ
複数
最近ちょくちょく見かけるようになったので 調べた事をメモ。スクロールすると、複数 要素が、それぞれアニメーションするような Webデザイン。視差効果を生み出すような パララックス効果を取り入れたものや、ユニ ークにアニメーションするものなどなど。 以前見たNIKEのプロモーションサイトでちょっと心惹かれたんですけど、特に最近よく見かける気がするのでいくつか参考にしたいサイトを探してみました。単なる... 続きを読む
アップル - Mighty Mouse
2005/08/04
686 users
Mighty Mouse
しっぽ
アップル
ワイヤレス
マウス
すべてを備えているマウスをさらに良くするには、しっぽをなくせばいい。というわけで、スクロールの概念を変えたMighty Mouseが今度はワイヤレスになりました。シームレスなタッチセンサー搭載の360度スクロール対応マウスはどこにでも持って出掛けられます。 しっぽは不要 安定した信頼性の高いBluetoothテクノロジーを採用したWireless Mighty Mouseはお好きな場所で使えます。... 続きを読む