세일!

디자인 템플릿 BINO 웹사이트 완성파일

6,000₩

– 포토샵 디자인 참조 htm, css, javascript 구현하기
– flex 레이아웃 구성하기
– 순수 자바스크립트 스크립트 구현하기
– 헤더 고정 애니메이션
– 메뉴 애니메이션
– 마이크로 애니메이션
– 넘버 애니메이션
– 필터
– 슬라이드
– 스크롤 애니메이션

카테고리: , 태그: ,

PSD TO HTML 재생목록 

https://youtu.be/mb6vSzfNhic PSD to HTML 175 [ BINO #1 ] 디자인 파악 및 이미지 저장하기
https://youtu.be/3l_C-NaeXeA PSD to HTML 176[ BINO #2 ] HEAER HTML 구조, 메뉴, 슬라이드 HTML
https://youtu.be/9i-MKo_xv-s PSD to HTML 177 [ BINO #3 ] HEAER 파트 CSS – CSS reset, flex utility, 공통 CSS
https://youtu.be/XQr2CGn7XCY PSD to HTML 178 [ BINO #4 ] HEAER, NAV, 바로가기 CSS
https://youtu.be/XBxROSYhpxo PSD to HTML 179 [ BINO #5 ] HEAER 사선 구현하기, border-color
https://youtu.be/2WsMn5zEzh8 PSD to HTML 180 [ BINO #6 ] HEAER 사선 구현하기, border-color
https://youtu.be/p94_PMmTsuM PSD to HTML 181 [ BINO #7 ] 슬라이드 스타일, object-fit
https://youtu.be/qgJUDjnpdB8 PSD to HTML 182 [ BINO #8 ] 슬라이드 내용 스타일
https://youtu.be/CJspbWQ2bsk PSD to HTML 183 [ BINO #9 ] 자간, 행간 포토샵에서 정확하게 확인하
https://youtu.be/t66Se180Wbk PSD to HTML 184 [ BINO #10 ] 슬라이드 스크립트 업그레이드, 스프라이트 이미지
https://youtu.be/cX9OPuJZr0A PSD to HTML 185 [ BINO #11 ] 폰트사이즈, 라인하이트 정확하게 확인하기, who we are part HTML, CSS
https://youtu.be/UpSm53jtCoY PSD to HTML 186 [ BINO #12 ] who we are part 스프라이트 이미지 CSS
https://youtu.be/s5-2hwHCvNI PSD to HTML 186 [ BINO #13 ] who we are part 스프라이트 이미지 CSS
https://youtu.be/fDzvp0sBy9g PSD to HTML 188 [ BINO #14 ] 본문 바로가기, javascript 부드럽게 스크롤이동하기
https://youtu.be/y2eVj_ISJKg PSD to HTML 189 [ BINO #15 ] 슬라이드 방향 수정, 히스토리 영역html,css
https://youtu.be/CEabY355FdY PSD to HTML 190 [ BINO #16 ] 히스토리 영역 CSS, 레이아웃, 타이틀 스타일, 간격 설정
https://youtu.be/OKX5dYYB3fI PSD to HTML 191 [ BINO #17 ] CSS 변수 활용하기, Service 영역 HTML
https://youtu.be/ejDjcThNeTc PSD to HTML 192 [ BINO #18 ] Service 영역 HTML, flex 활용 너비 비율 조절하기
https://youtu.be/SRKmnwHYz7E PSD to HTML 193 [ BINO #19 ] Service 영역 CSS
https://youtu.be/8P6yjQZwvRc PSD to HTML 194 [ BINO #20 ] filter 구현하기, html, css
https://youtu.be/EAkZySxRm7w PSD to HTML 195 [ BINO #21 ] filter 구현하기 – 타이틀 svg, 버튼 스타일
https://youtu.be/2luG1LQmS-M PSD to HTML 196 [ BINO #22 ] filter 구현하기 – 리스트, 캡션 스타일
https://youtu.be/4DUj3pNH2nk PSD to HTML 197 [ BINO #23 ] filter 구현하기 – 버튼 활성화, 리스트 필터링 javascript ES6
https://youtu.be/lEkohDpzYuU PSD to HTML 198 [ BINO #24 ] filter 애니메이션 구현하기, flex, animation, transition
https://youtu.be/VlxIEtTXYpc PSD to HTML 199 [ BINO #25 ] CASE STUDY 파트 HTML
https://youtu.be/j5SZnhxvCVk PSD to HTML 200 [ BINO #26 ] CASE STUDY 파트 CSS – css grid 활용하기
https://youtu.be/8ah0CAq3QYg PSD to HTML 201 [ BINO #27] CASE STUDY 파트 CSS – css grid 활용하기
https://youtu.be/KqmNteVskn4 PSD to HTML 202 [ BINO #28] CASE STUDY pager CSS, slide javascript ES6
https://youtu.be/coGgjPZCwKU PSD to HTML 203 [ BINO #29] Number Animation – HTML, CSS
https://youtu.be/K76F67cYLNw PSD to HTML 204 [ BINO #30] Number Animation – Script
https://youtu.be/M32gjWjHmoA PSD to HTML 205 [ BINO #31] Pricing Table HTML 가격표
https://youtu.be/eDaPAdU_OIw PSD to HTML 206 [ BINO #32] Pricing Table HTML CSS
https://youtu.be/9iKn0bJk_m8 PSD to HTML 207 [ BINO #33] Our team – HTML, offset-path 활용 SVG animation
https://youtu.be/PO7D9PMVY-4 PSD to HTML 208 [ BINO #34] Our team – CSS, offset-rotate, offset-distance로 방향 거리 설정하기
https://youtu.be/fKnFXHztI20 PSD to HTML 209 [ BINO #35] Our team – CSS – Hover Caption Animatiion
https://youtu.be/FfUELjneqiQ PSD to HTML 210 [ BINO #36] intergation PART HTML, CSS
https://youtu.be/EqakYdTWxUI PSD to HTML 211 [ BINO #37] intergation CSS – IR 기법(텍스트를 이미지료 교체하기)
https://youtu.be/yPmFqxyKWMk PSD to HTML 212 [ BINO #38] Blog – 이미지 저장 및 HTML 작성, object-fit, flex order
https://youtu.be/JHYrD9biOdI PSD to HTML 213 [ BINO #39] Blog – CSS, tooltip, 말풍선
https://youtu.be/y93Tlo6AWIg PSD to HTML 214 [ BINO #40] Blog – height 없이 높이를 유동적으로 설정하기
https://youtu.be/4x5nHVh1Du4 PSD to HTML 215 [ BINO #41] in-field 스타일 폼 애니메이션(pure CSS)
https://youtu.be/z3xeghVZavs PSD to HTML 216 [ BINO #42] Promotion part HTML, CSS, Footer
https://youtu.be/lX70OymhNNw PSD to HTML 217 [ BINO #43 완결 ] 헤더, 스크롤메뉴 애니메이션

연관 상품