portfolio wordpress theme #1 https://drive.google.com/file/d/1rVPU7NoWbsAUaf7u00pOEWCq1wv0azmy/view?usp=sharing
part #4
- 공통요소 html, css 작성하기
- 폼 #wordpress
#portfolio #designguide
홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/
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 LINK : https://codepen.io/alikerock/pen/YxmLMK
http://nosir.github.io/cleave.js/
https://github.com/nosir/cleave.js
form, validation, pattern
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#card pattern, #form, #pattern, #jquery, #웹퍼블리셔, #프론트엔드
Sample Link : https://codepen.io/alikerock/pen/PmpMGO
폼입력을 빠르게 도와주기 infield Input Form
- Label Animation
- input Animation
Code Editor: Microsoft visual studio code
http://alikerock.tistory.com/
Twitter: #eztoweb
https://github.com/alikerock/ezweb
#form, #label animation, #jquery, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
part8 완료본의 예제를 다운로드하고 영상을 보면서 따라해주세요.
디자인 PSD 파일: https://goo.gl/shSB3k
part8 완성본 : https://goo.gl/DJrLW5
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
모든 소스 github에서 확인할 수 있습니다.
https://github.com/alikerock/ezweb.git
footer, fontawesome, form
| PSD TO HTML [proweb 11 css] - 서브페이지 배경, 제목, 페이지 링크 연결하기 (0) | 2019.04.22 |
|---|---|
| PSD TO HTML [proweb 10 html] - 일관성을 유지하면 서브페이지 만들기, portfolio, aboutus (0) | 2019.04.22 |
| PSD TO HTML [proweb 08 css] - 프로젝트 리스트 스타일, 플롯, 간격, 마우스오버 캡션 효과 (0) | 2019.04.22 |
| PSD TO HTML [proweb 07] - 슬라이드쇼 좌우 컨트롤 버튼, 페이저 pager 설정하기 (0) | 2019.04.22 |
| PSD TO HTML [proweb 06] - 슬라이드쇼 타이틀, 설명, 버튼, 좌우 컨트롤 설정하기 (0) | 2019.04.22 |