サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ June 27, 2025フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS（Cascading Style Sheets、カスケーディング・スタイル・シート）を利用します。しばしばページに変化（英:Transition）やアニメーション（英:Animation）を加えるためにCSS を利用しますが、まだまだ開発する余地がありそうです。 アニメーションは、訪問ユーザーにとってデザインをよリ理解しやすく、ためになる情報を伝える強力なツールとなるでしょう。ウェブサイト制作で活用でき、よりパワフルな使い方ができる基本原則を今回はご紹介します。ディズニー社の現場で長年培われた、アニメーションの基本原則 12 個（英: 12 Principles
子供が、自分達でストップモーションアニメーションを作り楽しむための装置。 盤面に積み木を載せたり、手を置いたりした静止画を上のカメラで撮影。撮った画像が盤面のディスプレイに表示されるので、モノを重ねる様にして少し位置をズラしたり回転させたりしながら次のコマを撮影。それを繰り返すことでアニメーションの原理の理解と制作を続けます。作ったアニメはカートリッジに保存。数学や物理の抽象的な概念と現実のギャップを埋める、理解促進ツールを目指すもの。なので教材アニメを支給する場合もあり。 作例は以下の様なものと思われます。 ※Ishac Bertran氏によるアニメサンプル ※このデバイスを用いたかは不明。 via: Designboom Original: Pas a Pas
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
