主要ブラウザのスクロール量

できるだけスムーズで違和感のないマウススクロールを実装したかったのですが、デスクトップ環境での各種ブラウザは現時点ではブラウザ毎にマウスホイール、または方向キー(矢印キー)を使用した場合のスクロール量が異なります。そこでSafari、Chrome、Firefox、IEごとのブラウザ量を調べてみました。ちなみにAppleのMagicMouse, MightyMouseだと1px単位でスクロールできるので以下の値には含めていません。また、Windows版のSafariは省略しています。

マウスホイールの場合(Win/Mac)

InternetExplorer 7-10
ウインドウの高さの15%/—
Firefox
102/17 (MacはWindowsの6分の1)
Chrome
100/4 (MacはWindowsの25分の1)
Safari
—/4
Opera
100/4

方向キー(矢印キー)の場合(Win/Mac)

InternetExplorer 7-10
ウインドウの高さの12.5%/–
Firefox
51/51 (Winはホイールの半分 Macはホイールの10倍)
Chrome
40/40 (ホイールの10倍)
Safari
–/40 (ホイールの10倍)
Opera
40/40 (ホイールの10倍)

結果モダンブラウザは大体同じ。InternetExplorerだけがブラウザの高さのからの相対値になる。

今日の動画 Ecotricity – Collapsing Cooling Towers

Ecotricity – Collapsing Cooling Towers from Helpful Strangers on Vimeo.

Full Creds: Production Company: Man+Hatchet / Helpful Strangers Director: Fredrick Aven (Helpful Strangers) Character Design: Helpful Strangers / 3D Animation / VFX: Tony Lymboura / 2D Animation: Matthew Keen / Sound Design: Tristin Norwell / Video Editor: Barry Fearn / Music: Unique Tracks / Song Title: Porgi Amor, Qualche Ristoro (from “The Marriage Of Figaro”) Composer: Wolfgang Amadeus Mozart (1786)

今日の動画 INFLUENCERS in-depth Series / STEVE STOUTE

INFLUENCERS in-depth Series / STEVE STOUTE from R+I creative on Vimeo.

INFLUENCERS In-depth Series features Steve Stoute, Founder and CEO of Translation, a brand management firm that arranges strategic partnerships between Pop Culture icons (Jay-Z, Gwen Stefani, Lebron James, Justin Timberlake, etc.) and Fortune 500 companies.

In this episode, Steve Stoute discusses the concept of cool, how new cultural codes are redefining traditional corporation communication. He also talks about creating successful collaborations between Artists and Brands.

Named one of the Fortune's 40 under 40 list and inducted into the American Advertising Hall of Achievement (2009), Steve Stoute is one of today's most influential forces in entertainment marketing.
His client roster includes companies such as Samsung, State Farm, Mc Donald's, Target, Wrigley's, HP, P&G and artists such as Lady Gaga and Rihanna (management).

hover擬似クラスをトリガーとした子要素に対するCSS animationの対応


#foo:hover #bar {
-webkit-animation-name: name;
-moz-animation-name: name;
animation-name: name;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
animation-duration: 1.5s;
}

Firefox(12.0) OK
Chrome(19.0) OK
Safari(5.0) NG
Javascriptで子要素にクラスを直接与えてもSafariだけはNG。 hoverが原因? 取り急ぎメモ。

Visualtraveling – ‘Kim Il-Sung’s Birthday Party’

Visualtraveling – ‘Kim Il-Sung’s Birthday Party’ from Patrik Wallner on Vimeo.

Traveling to the Hermit Kingdom is already bizarre enough, but when we heard that North Korea would be celebrating the 100 year anniversary of the Great Leader & eternal president, Kim Il-sung, there was no way to let such an epic birthday party slip through our hands.

Laurence Keefe, Kirill Korobkov and I flew over to Pyongyang for two days to witness the madness. While skateboarding within the DPRK was our main intention, it was overshadowed by the celebrations & the ‘no sliding’ anywhere rule.

The three minute clip portrays a small insight into North Korea from the 15th of April 2012.

Filmed & Edited by Patrik Wallner

For more info please go to www.visualtraveling.com