するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary

サイボウズの採用情報ページを見ていた。 サイボウズ | 採用情報（新卒・キャリア） といっても受けるとかではなく、ただ性格悪いことを思っていただけなんだけど。 Kintoneのセクションでアプリっぽいアイコンたちが右から左へと流れているんだけど、それがガタガタとしている。するするしていない。するするさせたい。 というわけで、何が起こっているのかを調べてみようかと。何回かにわけて書くよ。 その1 ― 何が起こっているのか調べる その2 ― 調べながら直しながらするするさせる その3 ― ちょっとしたことや他のブラウザでもするするさせる アニメーションの実装を調べる あとのことを考えて、Chrome DevToolsを使う。 まず、該当の流れるアイコンのところで右クリックしてinspectする。Elementsパネルで、<div class="icon"> という要素がハイライトされる。div

[teppeis]

プルリク期待age

[ytsk]

勉強になる

[glat_design]

良い /

[igrep]

こういう凝った速度改善してみたいものだ

[efcl]

CSSアニメーションのパフォーマンス問題を見つけ方と解決方法について

[rikuo]

すごい。

[sasupen]

こんな機能あったんだっていう驚きが大きい件

[Jxck]

Paul Lewis が似たようなことやってたな

[Qurage]

[]

[Falky]

h押すだけでvisibility: hiddenしてくれるなんて知らなかった…。

[otiai10]

実用的な知見がある

[digitalglm]

するするさせたい：サイボウズ採用情報のアニメーション（その1） - fragmentary: 2016 - 05 - 12 するするさせたい：サイボウズ採用情報のアニメーション（その1） Performance Chrome…

[akameco]

よい

[yosuke_furukawa]

awesome

[TokyoIncidents]

勉強になる！次回楽しみだ

[fujio-toshiki]

解決方法に期待！