CSS
1.CSS 속성 - 전환(Transitions) & 변환(Transforms)
CSS 속성의 시작과 끝을 지정(전환 효과)하여 중간 값을 애니메이션 처리transition : property duration timing-funtion delay;Transitions은 보통 바뀌기 전 상태에 적용한다.타이밍 함수란? 전환 효과가 빠르게→천천히 끝날
2.CSS 속성 - animations
요소에 애니메이션을 설정/제어애니메이션이라는 속성자체가 애니메이션을 직접적으로 만들어주는 개념은 아니고@keyframes 규칙에 설정된 애니메이션의 정의를 anumation 속성을 통해서 설정하고 나머지 개별 속성들을 통해서 제어하는 개념이다.animation-dura
3.Bootstrap
css를 불러오고, 해당 파일에 정의된 버튼 레이아웃 등을 가져와서 사용.클래스로 간단하게 불러와서 사용.트위터에서 개발사용법 : bootstrap cdn검색 ->다른버전 사용시 Old versions -> Bootstrap -> v3 검색3 - px단위 / 4 - e
4.[css] sticky 트러블슈팅
브라우저 호환성 확인, 사파리경우(13미만) 접두사 사용 position: -webkit-sticky; 임계값 설정여부 확인 (top, right, bottom, left 속성 중 하나 설정)부모 요소에 height 속성 설정 - 부모 요소에 높이를 설정해야 스크롤 시
5.[css] 레이아웃, 인터렉션 한줄 정리
relative: 자기 기준으로 위치 잡음absolute: 부모 기준으로 위치 잡음fixed: 뷰포트 기준으로 항상 같은 위치에 고정static: 기본sticky: 설정한 영역부분에서만 고정되게 하기flex-direction: 행열정렬justify-content: 수직