포트폴리오 사이트 소개

Designer_Vibi/Web Design

포트폴리오 사이트 소개

PowerPurpleGal_Vibi 2019. 5. 7. 18:49

https://thevibist.github.io/twentyNineTimes/#

VB's Portfolio vertical Scroll form

NASA launched 2019 Ver. Responsive Web Page The whole point of this design is catch and rising interest of contents. Used Gothic style typo so it can keep the class as intellectual organisation, clearer sight for the tilttles , lay dark backgrounds to conc

thevibist.github.io

Feature

- 올드 뉴스페이퍼에 The Budapest Hotel 영화에 등장하는 케릭터와 이미지를 일러스트로 표현

- 가로 스크롤 형태의 홈페이지로 제이쿼리 .animate() .stop() 사용하여 스크롤시 한페이지씩 이동되도록 하고 스윙모션으로 동적인 페이지 제작

- 날짜는 내장함수 사용해서 실제 날짜 표기

- 적용된 애니메이션은 제이쿼리 .click() .animate() .toggleClass() .addClass() 이나

CSS에서 Keyframes, SVG를 사용해서 구현

- 링크된 다른 홈페이지들은 자바스크립트 window객체의 .open()를 사용해서 팝업창으로 표현

- 자동으로 쓰여지는 타이틀은 코드펜에서 소스를 가져와서 제작