jQueryの機能を大きく分けると、 DOM操作、 アニメーション、 イベント処理、 Ajax、 その他のユーティリティ関数といった分類ができます。DOM操作は前回の記事で解説したような、 HTMLの要素を追加したり書き換えたりといった操作です。今回はその中の1つ ...

animationendイベントはCSS Animationが正常に完了した時のみ発火する。animation: noneで無効化された場合や、prefers-reduced-motion設定により視覚効果が削減された環境では、イベントは発火せず、処理が永久に停止する。 WCAG 2.1はprefers-reduced-motionメディアクエリに応じ ...

JavaScript のみでリアルタイムにアニメーションしてくれます、これはすごい。 Animation.Cube クラスは、JavaScript のみでサイコロ回転風のアニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理 ...

短いコードで作られたアニメ。 短いJavaScriptで作ったアニメーションが、コーディングによる視覚表現を追求していて圧倒されます。 短いJavaScriptで作られたアニメーション プログラマーのFrank Force（@KilledByAPixel）さんによるJavaScriptで作ったアニメ。ビルが ...

今回はマイクロビットのLEDでアニメーションを表示してみましょう。マイクロビットはJavaScriptとPython (micro Python) のどちらかでプログラミングすることができます。手軽なJavaScriptでプログラムを作成している人の方が多いでしょう。しかし、JavaScriptだけでは ...

Si vous avez un peu de temps libre et le goût pour relever les petits défis, Dwitter est l’outil qu’il vous faut. Il s’agit d’une page web invitant les développeurs à coder une petite animation en ...