MobilogyNow Full suite of mobile device lifecycle services, including Ultrafast Content Transfer and Diagnostics. Read more VoltDelta Multi-channel contact centers and directory service solutions to improve customer care. Read more
公開日 : 2012年11月26日 (2015年12月14日 更新) カテゴリー : アクセシビリティ / ユーザビリティ 最近、パララックス効果 (parallax scrolling effect) を採り入れた、縦に長いウェブページが注目を集めています。以下の例のように、ページをスクロールしてゆくと、それに呼応して複数の視覚要素が個別に動くことで視差を作り出し、奥行き感や動きを演出する、というものです。 実際の動きを動画キャプチャしてみました。クローズドキャプション (字幕) で補足説明 (動きの解説) も用意してあります。 Anna Safroncik (http://annasafroncik.it) この効果をうまく用いれば、ユーザーの関心を惹きつける (エモーションを刺激する) ことができ、一定時間、ページに滞留してもらえることが期待できます。面白い視覚効果であれば、行きつ戻
Singapore-based Zensorium unveiled Tinke, an iPhone peripheral pulse oximeter device, at CES (Consumer Electronics Show) this week. Tinke is a compact device that measures blood oxygen levels, respiratory rate, and heart rate. It connects to iOS devices via the Apple device's dock connector. Zensorium told Forbes that the device will cost about $100 and should be available for iPhone users in abou
そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け(※自分含む)のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス(parallax)を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript(jQuery)でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu
Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方 「Demo 3」を例に、実装方法を簡単に紹介します。 外部ファイル 「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jarallax-0.2.3b.js"></script> HTML HTML自体は通常通りに実装し、アニメーションのエフェクトを適用するエレメントには参照できるようid, classなどを付けます。 <h1 class="logo">Jarallax</h1> <div class="container" id="slide1"> <h2>見出し:slide
Avocado for iPhone, Android and web is the best way to stay connected with the most important person in your life.We understand couples. We understand the need for a super private, fast, reliable and fun way to stay connected to your partner when you’re out and about. Avocado is the best way to stay connected with your most important person. It’s like whispering sweet nothings in your partner’s ea
Tekna is the leading union for academics with an MBA in the field of science and technology. We've worked with Tekna on the long term vision and strategy for their ambitious focus on career and competency development, as well as developing digital membership services to meet these goals. Karrierekompasset ("The career compass") is on the front line of this new initiative, seeking to guide members
France Italy Greece Ireland Turkey Athens to Istanbul Return to Joigny Tanzania Czech Republic Tahiti Switzerland Germany WWII Reunion Mediterranean Cruise Athens to Venice Budapest to Bucharest Cuba Brussels to Amsterdam Costa Rica Myths & Tips Useful Links Photo Albums All who wander are not lost! Why this site This site describes как стать Мидл Python-разработчиком, пройдя курс на Девман, и the
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 とうとう明日出発!! 思い出ふり返り祭り 【昨日までのあらすじ】 約一ヶ月にわたる開発ブログも今日でおしまい。 いろんなことがありました・・・ どうもこんにちは。TOTO TALKスタッフのネオ上です。 そうなんです。明日からトイレバイクが日本横断するんです。 明日10/6(木) お昼過ぎに北九州小倉のTOTO本社 小倉工場を出発し、 どんぐりの森を目指します。 詳しいコースは明日以降をお楽しみに。 最初のライダーは、昨日もご紹介した平塚さん。 トイレバイクは、日本各地を巡って いろいろなご報告をしていきます。 アカウントは以下のとおりです。 twitterは@tiletbikeneo facebookはトイレバイク ネオ
さらにMINIらしく進化した、ゆとりある室内の5 Door. THE NEW MINI COOPER 5 DOOR. button_bWluaS1jb29wZXItNS1kb29yL21haW4vaG9tZXN0YWdlSGVscGVyL3N0YWdlaXRlbS9zdGFnZWN0YXMvc3RhZ2VjdGE","componentName":"button"},"category":{"primaryCategory":"nsc website","subCategory1":"showroom","componentType":"standalone"},"attributes":{"componentVersion":"1.0","touchpoint":"web"}}"> 詳しくはこちら button_bWluaS1jb29wZXItNS1kb29yL21haW4vaG9t
In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds while sliding the container of the slides. In this tutorial, we are going to create a slideshow with a parallax effect with the help of some CSS3 properties. We’ll use radio buttons and sibling combinators for controlling which slide is s
In the field of computer graphics, filmmaking, television production, and other kinetic displays, [highlight-yellow]scrolling is the sliding of text, images or video across a monitor or display[/highlight-yellow]. “Scrolling”, as such, does not change the layout of the text or pictures, but [highlight-yellow]incrementally moves ( pans or tilts ) the user’s view[/highlight-yellow] across what is ap
Nike asks you to accept cookies for performance, social media and advertising purposes. Social media and advertising cookies of third parties are used to offer you social media functionalities and personalized ads. To get more information or amend your preferences, press the ‘more information’ button or visit "Cookie Settings" at the bottom of the website. To get more information about these cooki
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く