読者です 読者をやめる 読者になる 読者になる

Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【CSS/jQueryアニメーションのメリット】

f:id:wp-lesson:20170127113529j:plain
ウェブでよく見かけるアニメーションを大別すると
 
・動画
・画像(GIFアニメ、SVGアニメ)
CSSによるアニメーション
jQueryによるアニメーション

 
などがあります。
 
動画や画像は、それ自体が1つのコンテンツなので、
配置した場所で再生されます。
 
しかしCSSjQueryによるアニメーションは、
 
「スクロールしたとき」
「クリックしたとき」
「マウスを乗せたとき」

 
のように、ユーザーが行う任意の操作に反応させて
実行することができるので、動画や画像よりもより
インタラクティブな演出効果があります。

 
また、動画や画像の場合はアニメーションの内容を
変更しようと思うと、動画ソフトや画像ソフトで
データを再編集しなくてはなりません。
 
しかしCSSjQueryは単純なテキストで記述しますので、
エディターで開いて気軽に編集することができます。
アニメーションのスピードなど、細かな調整が簡単に
できるので、手軽です。
 
 
CODEMYのマンツーマンレッスンでは、
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
 
Amazon購入ページはこちら
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy