It’s no secret that a lot of people consider scrolljacking and parallax effects annoying and overused. But what if motion does more than just annoy you? What if it also makes you ill? That’s a reality that people with visually-triggered vestibular disorders have to deal with. As animated interfaces increasingly become the norm, more people have begun to notice that large-scale motion on screen can

Animation on the web has the potential to revolutionize our small bright box. We can go even further than traditional animation because we can accept user feedback and input. With these tools we can throw away the soul-destroying, bleak, dark engagements that govern things like airline ticket purchases. We can bake animation into the core of our user experience process to create dazzling, exciting

You can’t animate gradients on the web. Yes, I know this statement isn’t true, but if you are a front-end developer working in the CSS3-era of the web, then you probably know that I’m at least half right. I am talking about animating between two background gradients using CSS animations, such as the transition property, as illustrated below: You’d think this would work, right? Wrong.Now, there are

4/25/19 Update: We recently wrote a post on how to more easily include animation in your own designs with a guide on how to animate icons with CSS. Of the trends I identified in our recent post on what to expect for the web in 2015, animation is among the most important. But the purpose of the post was a high-level overview of what’s next in web design — more about the what than the why — and this

“ベイマックス”のコンセプトデザインを手掛けた日本人・コヤマシゲト氏へインタビュー　「日本の市場ではベイマックスは生まれなかった」 12月20日（土）より日本公開となるウォルト・ディズニー・アニメーション・スタジオ最新作『ベイマックス』。「年末にして今年ベストの映画キタコレ！」という人も続出するであろう2014年を代表する話題作ですが、なんと本作のタイトルにもなっている心優しきケア・ロボット“ベイマックス”のコンセプトデザインを手掛けたのは、日本人デザイナーのコヤマシゲト氏。 コヤマ氏は、2004年にOVA『トップをねらえ2！』へ参加したのをきっかけに多数のアニメ作品に関わり、『ヱヴァンゲリヲン新劇場版』『交響詩篇エウレカセブン』『HEROMAN』『キルラキル』などその代表作は数知れず、現在はデザインワークスとして参加している富野由悠季監督の最新作『ガンダム Gのレコンギスタ』が放映中。キ

ScrollMagic helps you to easily react to the user's current scroll position. It's the perfect library for you, if you want to ... animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky ele

愛媛県松山市にオリジナルアニメ作品がある事をご存知でしょうか？ 地元の魅力を多くの人に伝えるべく制作されたのが「マッツとヤンマとモブリさん」です。 本編を視聴した事がきっかけで松山市に興味を持ち、聖地巡礼をする人が増えたと言われています。 今回はマッツとヤンマとモブリさんの魅力を紹介していきます。 愛媛県松山市にオリジナルアニメ作品がある事をご存知でしょうか？ 地元の魅力を多くの人に伝えるべく制作されたのが「マッツとヤンマとモブリさん」です。 本編を視聴した事がきっかけで松山市に興味を持ち、聖地巡礼をする人が増えたと言われています。 今回はマッツとヤンマとモブリさんの魅力を紹介していきます。 ※当サイトは、ファンが管理している情報サイトであり、公式サイトではないといった点にご注意ください。 松山市を舞台にした迫力満載の冒険譚マッツとヤンマとモブリさんの舞台は愛媛県松山市です。 2人の少年「

Webアニメーションを高速化するために知っておくべき10のこと（後編） 斉藤 祐也（株式会社リッチメディア） 前編から引き続き、後編でも最適化のために知っておきたいレンダリングプロセス、計測方法、そして最適化を妨げるよくあるアクシデントとその回避方法について紹介していきます。 アニメーションを高速化するために知っておきたいレンダリングプロセス ブラウザがどのようにウェブサイトを表示しているのかを知ることは、アニメーションだけに限らず、Webのパフォーマンス全体の高速化を行うために大切なステップです。 イスラエルの開発者であるTali Garsiel氏が公開した『How Browsers Work』は、HTML5 Rocksに転載され、複数の日本語訳も提供されている、ブラウザの内部動作を学ぶために読んでおきたいリソースの1つです。 そのリソースを参考に、レンダリングエンジンのメインフローにつ

Webアニメーションを高速化するために知っておくべき10のこと（前編） 斉藤 祐也（株式会社リッチメディア） アニメーション／トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション／トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。 今回はそんなアニメーション／トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。 アニメーションを高速化する理由 アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。 アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス

6月22日（土）に劇場上映＋劇場先行版Blu-rayを同時発売した『攻殻機動隊ＡＲＩＳＥ boder:1 Ghost Pain』。士郎正宗さんのコミック作品を原作に、過去には押井守さん、神山健治さんらにアニメ化され、いずれもその思弁的・哲学的なテーマと、綿密に練り上げられたサイエンス・フィクションとしての世界観とストーリーの完成度によって、国内外から高い評価を受けている。コアなファンからの期待も非常に大きいタイトルであるだけに、今作の注目度も並々ならぬものがある。さらに、今回の「ＡＲＩＳＥ」シリーズは全4回からなるアニメーションの連作となることが決定している。なお、二作目となる『攻殻機動隊ＡＲＩＳＥ boder:2 Ghost Whispers』は2013年11月30日（土）に公開を控えている。 今回、編集部では総監督・キャラクターデザインをつとめる黄瀬和哉さんと、脚本・シリーズ構成をつと

10月30日にリリース予定だった『サザエさん音楽大全～主題歌、サントラ&効果音集』が、制作上の都合により発売中止となった。 来年で放送開始45周年を迎えるフジテレビ系のアニメ「サザエさん」の主題歌や効果音をまとめた初のCD作品として、発売のアナウンスが行われた直後から大きな反響を巻き起こしていた本作。宇野ゆう子が歌うオープニング・テーマ“サザエさん”とエンディング・テーマ“サザエさん一家”はもちろん、火曜日にオンエアされていた再放送版のテーマ曲や挿入歌、タマの鳴き声といった効果音の収録も予定した決定版とも呼べる内容だっただけに、発売中止は非常に残念なところ。いつかリリースが実現する日を願って待とう。

2007年発売の「はっきりもっと勇敢になって」より約6年ぶりのシングルとなる本作は、タイトル曲と新曲「ヘルシーメルシー」を収録した2曲入り。「ビバナミダ」は今春行われた全国ツアー「岡村靖幸 LIVE TOUR 2013『むこうみずでいじらしくて』」で披露されていたメロディアスなダンスナンバーで、歌詞は岡村靖幸と西寺郷太（NONA REEVES）が共作している。 また「ビバナミダ」は2014年1月より放送予定のテレビアニメ「スペース☆ダンディ」の主題歌に決定しており、ビデオクリップはアニメの制作チームが手がける全編アニメーションの映像になることも発表された。岡村はアニメキャラクターとしてPVに登場する。 なおシングルリリース日同日には前述のツアーの模様をパッケージしたライブDVD / Blu-ray「2013ライブ『むこうみずでいじらしくて』」も発売。さらに10月16日からはワンマンライブ「

山口優氏を軸に、『たまこまーけっと』の音楽をさまざまな角度からひもといてきたこの連載も、ついに最終回。山田監督との対談後編、文字数多めでお送りします！ アニメ『たまこまーけっと』の山田尚子監督と山口優音楽プロデューサーの対談後編では、楽曲解説に始まり、初期設定のお話や、監督の男性不信のワケなど、バラエティ豊かにお届けします。 ４つ打ちでグッと来る 山口　後編では具体的な曲のことも伺っていきたいと思いますが、オープニングやエンディングはどうでした？　最初の打ち合わせでは、まだイメージが固まっていなかったようですが。 山田　確か方針は決まっていたんですけど、まずオープニングは超おまかせでした。「とにかくバーンとよろしくお願いします。本物っぽいもので！」と、アホっぽい感じで中村（伸一／ポニーキャニオン）さんにはお願いしていました。自分としては、中村さんの音楽に対する愛情を本当に尊敬しているので、

皆さんはUIの動きを考えるときに、どんなものを参考にしていますか？いつも簡単にぴったりの動きが思い浮かぶわけではないし、悩んだときに何か参考になるギャラリーサイトなどがあったら便利だと思います。今回フランス人WebデザイナーのWalter Stéphanieさんが“Interface Animations and Transitions: where to get inspiration”というタイトルでUIのアニメーションやトランジションのインスピレーションを得られるサイトを紹介していたので、本人の許可を得て翻訳しました！ （以下”Interface Animations and Transitions: where to get inspiration”の翻訳。） photo credit: Jorge Quinteros via photopin cc UI/UXデザインにおいて、細

キャリア、転職、人材育成のヒントを提供してきた「リスキリング」チャンネルは新生「NIKKEIリスキリング」としてスタート。 ビジネスパーソンのためのファッション情報を集めた「Men’s Fashion」チャンネルは「THE NIKKEI MAGAZINE」デジタル版に進化しました。 その他のチャンネルはお休みし、公開コンテンツのほとんどは「日経電子版」ならびに課題解決型サイト「日経BizGate」で引き続きご覧いただけます。

作曲家のゲイリー芦屋氏と音楽プロデューサーの山口優氏に伺う、『たまこまーけっと』の劇中曲の世界。今回は第３話以降の劇中曲のことから、ライナーに隠された意味、舞台探訪まで、じっくりお話しいただきました！ 『たまこまーけっと』の音楽プロデューサーを務めた山口優氏と劇中曲を担当したゲイリー芦屋氏の対談後編では、シミュレーションとオリジナリティや、並行世界、2.5次元と、音楽対談らしからぬ用語が頻出しつつも、やはりその根底には当然のように音楽が横たわっています。早速、お届けしましょう！ 大西洋のエキゾチカ2013 ――対談後編では、「My Love’s Like」「Un Lieu de Rencontre」以外の劇中曲のお話をまずはお聞きできたらと思います。 山口　結構特典CDに入る予定が無い曲もあって、例えばエキゾなんかもそうですね。アニメの中では南の国から来たチョイに聴かせたら、「こんなのわた

アニメ『たまこまーけっと』にはレコード屋さんが登場し、毎回さまざまなレコードがかけられます。その劇中曲制作の詳細を、作曲家のゲイリー芦屋氏と音楽プロデューサーの山口優氏に伺っていきましょう！ 『たまこまーけっと』の音楽を深く掘り下げていくこの連載では、音楽制作を担当した作家集団、マニュアル・オブ・エラーズ・アーティスツ（マニュエラ）の皆さんに、どのように楽曲が作られていったかをお聞きしています。 今回からは、劇中曲にフォーカスしたお話を前後編の２回に分けてお送りしましょう。そもそもこの劇中曲、本当に実在する楽曲かのように扱われていて、エンディングでは架空のクレジットまで流れるという手の込みよう。しかもその楽曲はオールディーズやフレンチポップスからホラー映画のサントラ、エキゾまで、ジャンルも時代も幅広いものでした。実際にだれが作曲したのかはしばらく伏せられていたので、“特定班”が混乱したとい