Knowledge Wiki (169) 썸네일형 리스트형 [ JavaScript / jQuery ] Bootstrap z-index 1. Bootstrap은 z-index를 1~4로 쓴다. 그래서 Bootstrap 위에 띄우려면 z-index를 5 이상으로 해야 함 [ JavaScript / jQuery ] 모달창 상식 1. 모달창은 HTML body의 맨 앞에 두는 게 일반적이다. 보통 모달창 띄우면 다른 컴포넌트들 위에 뜨니까. [ JavaScript / jQuery ] Bootstrap 쓰는 이유 1. Bootstrap 웹 개발을 복붙 식으로 빨리 할 수 있음 [ JavaScript / jQuery ] jQuery 간단 사용법들 1. jQuery 요소 보여주기 / 안보여주기 => show(), hide() 2. jQuery fadeIn(), fadeOut(), fadeToggle(), slideDown(), slideUp(), slideToggle() 등을 쓰면 좀 더 스무스한 UX 제공 [JavaScript / jQuery ] JavaScript 쓰는 이유 1. JavaScript의 근본 목적은 "HTML의 조작과 변경"이다. 2. jQuery는 javaScript를 쓰기 편하도록 구현한 기능들을 모아놓은 라이브러리 // 쌩 javascript document.getElementById('test').innerHTML = '???'; // jQuery $('#test').html('???'); [ HTML/CSS ] 복잡한 애니메이션 1. 복잡한 애니메이션 정의할 땐 @keyframes @keyframes key-ani { 0% { transform: translateX(0px); } 50% { transform: translateX(-100px); } 50% { transform: translateX(100px); } 100% { transform: translateX(0px); } } 2. 물건 앞뒤를 구별해서 애니메이션 적용하고 싶을 때 conatiner => transform-style: preserve-3d; 사용 front => backface-visibility: hidden; [ HTML/CSS ] <video>, <audio> 1. preload 속성 preload="none" 미리 다운 X preload="auto" 미리 다운 O preload="metadata" 미리 다운 적당히 [ HTML/CSS ] SASS 1. SASS CSS 대용언어 CSS + 프로그래밍 기법 = SASS 반복적인 부분을 쉽게 처리할 수 있다. 2. SASS Plugin Live Sass Compiler 3. SASS 자주 쓰는 거 -> @mixin, @include css 스타일을 함수처럼 다룸 이전 1 ··· 4 5 6 7 8 9 10 ··· 22 다음