블로그 리모델링 4. 현재 작업중

그럼 지금의 최우선.

1. 기존에 존재하는 것의 효과 변경 (CSS) - 반짝이는 효과?

2. 기존의 레이아웃 에다가 새 container 를 삽입. 대표 화면 전환 or 비디오 재생 삽입. (html) - 일단 gif 고려.

3. 새로고침 하면 어느 화면의 스크롤 위치에 있던, 맨위로 자연스럽게 올려버리는 애니메이션 적용. (JS)

 

당장 가능한 것.

1. 웹폰트 변경 (당장 가능한 것) A. 구글 폰트

2. 메뉴 및 카테고리에 마우스 커서를 올리면 변화하는 애니메이션 삽입. (CSS) [* 네온 이펙트]

3. Pregress bar 애니메이션 표시. A. pace.min.js 파일 업로드 이후, progress bar 색상 및 bar의 차오르는 속도를 조절하는 것에 대한 설계 및 점검. (아쉬운 점: 완전 스스로의 힘으로 작성 하진 않음. 추후 더 나은 구글의 무지개 디자인 고려.)

4. header 및 배경 색상 변경. - 컨셉은 사이버펑크

5. 모바일, 태블릿의 색상, 폰트 일치 시키기 (css가 별도 구분 된 곳에 그대로 css 를 추가)

 

큰 그림.

화면 전환 및 시각적 애니메이션 효과에 집중해보기.

 

노트.

의외로 html 파일을 소규모로 코딩해서 별도로 업로드 후 설정 하는 것도 나쁘지 않을 것 같네요.