PART1 샘플만 제공합니다. 순서대로 학습해주세요.
Part 1 https://drive.google.com/file/d/15XFtalIpoWmkQaFino6zOOnJ-hfmkArE/view?usp=sharing
- sprite image 위치 지정하기
- 배경지정 리뷰하기 https://youtu.be/n98axuhWWrU
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
모든 소스 github에서 확인할 수 있습니다.
https://github.com/alikerock/ezweb.git
#쇼핑몰 #CAFE24 #PSDTOHTML
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
PART1 샘플만 제공합니다. 순서대로 학습해주세요.
Part 1 https://drive.google.com/file/d/15XFtalIpoWmkQaFino6zOOnJ-hfmkArE/view?usp=sharing
- 쇼핑몰 디자인 참고 HTML, CSS, JQUERY 작성하기
- 헤더 메뉴 설정하기
- 스프라이트 이미지 활용
- 공통 요소 CSS
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
모든 소스 github에서 확인할 수 있습니다.
https://github.com/alikerock/ezweb.git
#쇼핑몰 #CAFE24 #PSDTOHTML
Blog : http://alikerock.tistory.com/
Twitter : eztoweb
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
PART1 샘플만 제공합니다. 순서대로 학습해주세요.
Part 1 https://drive.google.com/file/d/15XFtalIpoWmkQaFino6zOOnJ-hfmkArE/view?usp=sharing
- bootstrap v4 grid 활용 준비
- fontawesome v5 사용하기
- css 공통요소 설계하기
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
모든 소스 github에서 확인할 수 있습니다.
https://github.com/alikerock/ezweb.git
#쇼핑몰 #CAFE24 #PSDTOHTML
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
PART1 샘플만 제공합니다.
순서대로 학습해주세요.
Sample download : Part 1 https://drive.google.com/file/d/15XFtalIpoWmkQaFino6zOOnJ-hfmkArE/view?usp=sharing
- 쇼핑몰 디자인 참고 HTML, CSS, JQUERY 작성하기
- 부트스트랩 v4 플렉스 기반 코딩하기
- retinize it
- open graph
- favicon
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
모든 소스 github에서 확인할 수 있습니다.
https://github.com/alikerock/ezweb.git
#쇼핑몰 #CAFE24 #PSDTOHTML
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
Sample Download:
https://codepen.io/alikerock/pen/QvRMVY
폼 피드백 구현하기
- foggy
- .load();
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#form #loading #lazy
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
Sample #2:
https://codepen.io/alikerock/pen/JNqJmQ
Sample #3:
https://codepen.io/alikerock/pen/GmavmM
폼 피드백 구현하기
- 미입력시 경고 문구 표시하기
- 전송 버튼 비활성화, 활성화하기
- 전송 버튼 문구 수정하기
- attr과 prop의 차이
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#form #feedback #유효성
Sample #1:
https://codepen.io/alikerock/pen/ybWXzv
폼 피드백 구현하기
- 미입력시 경고 표시하기
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#form #feedback #유효성
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
이전 예제에서 이어서 진행하고 있습니다.
Sample Download: http://bit.ly/2KaoSDK
#figma #피그마 #프로토타이핑
Blog : http://alikerock.tistory.com/
Twitter : eztoweb
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
이전예제에서 이어서 진행하고 있습니다.
Sample Download: http://bit.ly/2KaoSDK
#figma #피그마 #웹디자인
Blog : http://alikerock.tistory.com/
Twitter : eztoweb
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
이전예제에서 이어서 진행하고 있습니다.
Sample Download: http://bit.ly/2KaoSDK
피그마 디자인하기 -
- 메인 상품 리스트
- Clipping Mask
#figma #피그마 #웹디자인
Blog : http://alikerock.tistory.com/
Twitter : eztoweb
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com