HTML - CSS3 vs JavaScript
자바스크립트 / 2016. 6. 18. 18:00
문제의 시작
위 이미지는 구글 동영상 품질보고서에 나오는 내용이다.
https://www.google.com/get/videoqualityreport/?v=-rMMTv7XLYw#how_video_gets_to_you
CSS 애니메이션으로 작성된듯 하다.
그놈에 호기심....ㅠㅠ
CSS3와 자바스크립트와 어떻게 다를까?
CSS는 간단한 애니메이션은 아주 쉽게 구현이 가능해 보인다.
예전부터 사용해오던 자바스크립트와 어떻게 다를까?
이와 관련하여 구글 디벨로퍼 사이트에 이런 내용이 잘 정리되어 있다.(아래 참고)
CSS : 변경이 없는 단순 애니메이션
자바스크립트 : 외부 이벤트가 있는 복잡한 애니메이션등
자바스크립트로 컨트롤하고, CSS로 표시하는방법이 효과적이다.
참고 : https://developers.google.com/web/fundamentals/design-and-ui/animations/css-vs-javascript?hl=ko
CSS가 핸드폰에서도 동작하는가?
안드로이드, 갤럭시, 크롬 브라우져에서 동작하는것 확인함.
CSS와 자바스크림트 성능 비교
만족스럽지는 못한 자료다.
CSS : http://www.w3schools.com/css/default.asp
http://www.clearboth.org/48_dynamic_style_-_manipulating_css_with_javascript/
'자바스크립트' 카테고리의 다른 글
| 자바스크립트 프로그래밍 장단점 (1) | 2017.03.04 |
|---|---|
| html vs canvas 장단점 (0) | 2017.03.04 |
| 자바스크립트 - 구조체 struct (0) | 2017.03.01 |
| 자바스크립드 - 다차원 배열 테스트 (0) | 2017.03.01 |
| javascript - 이미지 좌표(위치) 구하기 (0) | 2017.02.18 |