縦・横・斜め、奥にまで動く！すごいスクロールエフェクトで印象に残るWebサイト12選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、インターンのうららです。うどん大好きです。 うどんの麺って、まっすぐな麺や曲がった麺、長い麺や短い麺などたくさんの種類の麺が混ざっていますよね。まっすぐな麺だけのうどんだと、食感が悪くて美味しくないんじゃないかな、って思います。 Webサイトも同じで、単に縦スクロールでまっすぐ展開されるというだけでは、なかなか印象に残りづらいんじゃないでしょうか。 というわけで今回は、スクロールするだけで横や斜め、奥にも画面が動いていくような、見ていて楽しく、そして印象に残るすごいWebサイトを12個ほど紹介していきたいと思います。 1．HYPER MARKET https://hyper-m.jp/ ※現在はサービスを終了しています。 渋谷のモバイルアクセサリー店「HYPER MARKET」さんのサイトです。 スクロールするたびに地面から紙をスルスル抜いていくかのような爽快感を味わえ、何度も
E3 2014 New Trailers - 世界最大のゲームイベントが開催中！気になる映像ひとまとめ！次世代ヴィジュアルラッシュだ！
Unreal Engine アセット アセット-Asset Virtual Shinjuku for UE5 - 衛星データから自動生成した... 2024-01-13 (株)スペースデータ ＆ (株)レット 代表の佐藤航陽（@ka2aki86）氏が衛星データから自動生成したバーチャル新宿のUnreal Engine 5プロジェクトデータを無料で公開しています！ 続きを読む Unreal Engine アセット アセット-Asset EditorUIScale - エディターのUIサイズをサクッと変更できるUnr... 2024-01-12 zouiqad氏がGithub上で、Unreal EngineのエディターUIサイズを調整出来るプラグイン『EditorUIScale』を無料公開しています。 続きを読む
音大生が卒業制作にアプリを作ったよ！「テンスウリズム」 - たまめも(tech)
テンスウリズムというiOSアプリを作りました。 3人で制作しています。 わたしは実装(Objective-C / Ruby)、動画のBGM制作などを担当しました。 なにをするアプリ？ 「1日を100点満点で記録する」ライフログアプリです。 毎日テンスウをつけることで、自分の調子が色とグラフによって可視化されていきます。 つけたテンスウは、タイムライン形式とカレンダー形式で振り返ることができます。 ソーシャルにポストしたり、友達の調子を見ることもできます。 おすすめポイント 3日坊主でも続けられる 起動して、テンスウをつけるだけ。 日記の苦手なわたしが、なんと半年以上も続いています。 振り返ってみると、テンスウや短いコメントにこめた思いから得られるものが、あったりなかったり。 色でテンスウを可視化しているので、スクロールするだけでも楽しめます。 友達の存在がモチベーション維持につながる Fa
大きなディスプレイでPDFなどの文書を読むときは横スクロールが最強だと思うので実装してみた - このブログはURLが変更になりました
以前から、縦幅基準に1ページまるごと収めても十分読めるほどディスプレイが大きいのであれば、PDFビューアのページ遷移は水平方向にスクロールすべきだと思ってたんですね。 画面が広いとこういうの無駄だよね。 じゃあこうすればいいんじゃね？ 画面を縦にするって手もありますが、こういう風に横に並べると複数ページにまたいで確認できるのもメリット。ワイド液晶なら3ページぐらい表示できちゃうかも。 しかし… しかし既存のPDFビューアで水平方向にスクロールできるものは見当たらず、またPDFビューアを1から作るほどのスキルはないのでどうしたものか。 で、そういえばJavaScriptで実装されたPDFビューアがあったな、ということを思い出しました。 mozilla/pdf.js @ GitHub お、JavaScriptなら俺でも改造できるかも？ということで、水平方向にスクロールできるPDFビューアを作っ
UITableViewのヘッダーへのタッチでセルを折りたたむ方法 - ぽんぽこ日記
先日見かけたアプリで、UITableViewのヘッダ部分をタッチすると、そのヘッダに属するセルが伸び縮みするという動作がありました。 どうやってやるのか調べてみて、どうやら下の動画のような動きを実装できたので、共有します。 https://dl.dropboxusercontent.com/u/6579646/2010-10-03_1451.swf まず、ヘッダのタッチを検出する必要があります。UITableViewの派生クラスを作って、 touchesEnded:withEvent:をオーバーライドします。今回のサンプルでは、 UITableViewのデータソースとデリゲートは同一クラスとしています。 各セクションのヘッダの領域は、UITableView#rectForHeaderInSection:で取得できます。 UITableViewDatasourceプロトコルのnumberOf
スクロールした位置に付いてくるサイドバーを実装するjQueryプラグイン・Contained Sticky Scroll - かちびと.net
気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので覚えて おこうと思って記事にします。 Web Designer Wallがリニューアルしてサイドバーを固定していました。これはcssで実装してるみたいですが、IE6利用率が10％を超える日本では、まだ捨てるわけにもいかないのが現状ですね。（個人的には徐々に捨て始めてますがｗ） 基本的にはアニメーションで付いてきますが、ノンアニメーションも可能です。 使い方 いつもどおりjQueryとプラグインのパスを書きます。 <script type="text/javascript" src="jquery.min.js"></script> <script type="te
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
