PLAYGROUND-CSS

• swiper

  • 직접 구현
  • touch Event(ontouchstart, ontouchend, ontouchmove) 이벤트 사용
  • 모바일에서만 사용가능
  • 크롬 device tool에서 테스트 가능

• [x]dynamic calendar

• [x]navigation menu

Portfoli Website Design

• [ ]23:00 part 2 : how to make dark mode websites using html css & javascript | dark mode portfolio website design

  • Dark mode

• [x]1:15:19 - complete responsive personal portfolio website using html css & vanilla javascript

  • 폴더: ResponsivePersonalPortfolio
  • 햄버거 아이콘 클릭시 transition
  • layout 잡는 과정을 배울 수 있었음
  • resposive 작업 과정을 배울 수 있었음
  • 기능
    • 반응형 햄버거 아이콘 클릭시 메뉴 전환

• [x]35:22 - how to create responsive resume website using html and css | resume cv design in html css

  • 폴더: ResponsivePersonalPortfolio
  • 다음 프로젝트에 link로 되어 있음 "Complete Responsive Personal Portfolio Website using HTML CSS & Vanilla JavaScript"

TODO LIST

• Responsive CSS Stacked Cards Hover Effects

• Glassmorphism List Hover Effects | Html CSS

• Claymorphism List Hover Effects

• Magic Navigation Menu Indicator using Html CSS & Javascript | Curve Outside Effects

• CSS Claymorphism Login Form Design using Html & CSS

• Working Calculator using Html CSS & Javascript | CSS Claymorphism Effects

• CSS Claymorphism | UI Trends 2022

• Action Menu Microinteractions | Animated Menu using Html CSS & Javascript

• [ ]1:07:50 - responsive admin dashboard using html css & javascript | css admin template