part 4 Sample download:
https://drive.google.com/file/d/1hnKyjOZw7VfCBNPAFD1EomTMPxa5TY0C/view?usp=sharing
https://bxslider.com/
part 4: 슬라이드 활성화 애니메이션
part 5: 슬라이드 옵션 활용하기, 자동슬라이드 구현
part 6 : 슬라이드에 동영상 구현하기
part 7: 탭과 슬라이드 연동하기
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#bxslider, #슬라이드, #jquery, #웹퍼블리셔, #프론트엔드
part 3 Sample download:
https://drive.google.com/file/d/1qP6yq0ACgDS6lDjRpwDzM6F6DrfhGr1w/view?usp=sharing
https://bxslider.com/
part 3: 멀티플 슬라이드
part 4: 슬라이드 활성화 애니메이션
part 5: 슬라이드 옵션 활용하기
part 6 : 자동슬라이드 구현
part 7 : 슬라이드에 동영상 구현하기
part 8: 탭과 슬라이드 연동하기
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#bxslider, #슬라이드, #jquery, #웹퍼블리셔, #프론트엔드
jquery 54 파트1 예제에서 이어서 학습해주세요.
파트1 Sample LINK : http://bitly.kr/KMHTYd
https://bxslider.com/
part 2 : 좌우 컨트롤
part 3: 멀티플 슬라이드
part 4: 슬라이드 활성화 애니메이션
part 5: 슬라이드 옵션 활용하기
part 6 : 자동슬라이드 구현
part 7 : 슬라이드에 동영상 구현하기
part 8: 탭과 슬라이드 연동하기
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#bxslider, #슬라이드, #jquery, #웹퍼블리셔, #프론트엔드
Sample LINK : http://bitly.kr/KMHTYd
https://bxslider.com/
part 1 : 기본사용법
part 2 : 좌우 컨트롤
part 3: 멀티플 슬라이드
part 4: 슬라이드 활성화 애니메이션
part 5: 슬라이드 옵션 활용하기
part 6 : 자동슬라이드 구현
part 7 : 슬라이드에 동영상 구현하기
part 8: 탭과 슬라이드 연동하
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#bxslider, #슬라이드, #jquery, #웹퍼블리셔, #프론트엔드
Sample LINK : http://bitly.kr/KMHTYd
http://detectmobilebrowsers.com/
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#웹퍼블리셔, #프론트엔드
| jQuery 56 [ BX slider #2] bx 슬라이더 완벽 설명 8편중 2편 - 좌우 컨트롤 변경하기 (0) | 2019.07.09 |
|---|---|
| jQuery 55 [ BX slider #1] bx 슬라이더 완벽 설명 8편중 1편 - 기본 사용법 (0) | 2019.07.09 |
| jQuery 53 [ Progress JS ] 프로그레쓰 JS를 이용한 SVG Line, circle, 나만의 Path를 애니메이션으로 구현하기 (0) | 2019.07.01 |
| jQuery 52 [ Cleave JS ] 클리브 JS를 이용한 폼 패턴 쉽게 구현하기, 전화번호, 날짜, 카드번호 구현하기 (0) | 2019.07.01 |
| jQuery 51 [ SVG Scroll Animation ] SVG 스크롤 애니메이션 (0) | 2019.07.01 |
Sample LINK : https://codepen.io/alikerock/pen/dzxJWw
https://kimmobrunfeldt.github.io/progressbar.js/
SVG line, circle, path Animation
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#svg, #animation, #jquery, #웹퍼블리셔, #프론트엔드
| jQuery 55 [ BX slider #1] bx 슬라이더 완벽 설명 8편중 1편 - 기본 사용법 (0) | 2019.07.09 |
|---|---|
| jQuery 54 [ Mobile Detect ] 모바일 디바이스 기기 인식하고 스타일, 또는 모바일 전용페이지로 이동시키기 (0) | 2019.07.09 |
| jQuery 52 [ Cleave JS ] 클리브 JS를 이용한 폼 패턴 쉽게 구현하기, 전화번호, 날짜, 카드번호 구현하기 (0) | 2019.07.01 |
| jQuery 51 [ SVG Scroll Animation ] SVG 스크롤 애니메이션 (0) | 2019.07.01 |
| jQuery 50 [ 인스타그램 API ] 내 인스타그램 계정의 사진으로 갤러리 생성하기 (0) | 2019.06.14 |
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, #웹퍼블리셔, #프론트엔드
네이버 웹마스터 도구
http://webmastertool.naver.com
GOOGLE 웹마스터 도구
https://www.google.com/webmasters/
sitemap.xml 제작하기 참조
https://www.xml-sitemaps.com/
구글 통계
https://analytics.google.com/analytics/web/
#웹마스터 도구, 구글 통계
| ETC 22 [ Web design guide ] 웹디자인 가이드 - 트렌드에 맞는 웹사이트 개발하기 (0) | 2019.10.27 |
|---|---|
| ETC 19 [ 폰트어썸 사용법 new ] fontawesome v5 나만의 키트 만들기, webfont, svg (0) | 2019.07.16 |
| ETC 17 [ 체크박스 vs 토글 ] checkbox vs toggle 스위치 어떻게 다른가? (0) | 2019.06.05 |
| ETC 16 [ 폼 설계하기 ] 효율적인 폼 설계하기, 라벨명, 필수, 선택 구분, 정렬 (0) | 2019.06.05 |
| etc 15 [파비콘 만들기] Favicon 제작하기 (0) | 2019.06.05 |
Sample Download: https://bit.ly/2IIBLnJ
stroke-dasharray 참고
https://codepen.io/alikerock/pen/WpPMyb
stroke-dashoffset 참고
https://codepen.io/alikerock/pen/PpVQdv
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#svg animation, #jquery animation, #scroll animation, #웹퍼블리셔, #프론트엔드
Sample Link : https://bit.ly/2ZuRRXs
- SVG Hover Animation
- SVG Click Animation
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#css animation, #css, #animation, #animate