Rock's Ezweb

https://youtu.be/y2OitroGmgQ

jQuery 78 예제다운로드(sample download): 
https://codepen.io/alikerock/pen/mpzqWx

- 플렉스 레이아웃
- display:flex;


에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb

#jquery #flex #slide

구독하기(subscribe now) : https://bit.ly/30wbC1y

오프라인 수업 문의: ezwebpub@gmail.com

평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165

https://youtu.be/t122aYIL_Ms

part 5 에서 이어서 학습바랍니다.
https://drive.google.com/file/d/1aCY1M_QiRtG76QlLhu_0ph6kQ33V0bVp/view?usp=sharing


https://bxslider.com/


part 7: 탭과 슬라이드 연동하기

에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

#bxslider, #슬라이드, #jquery,  #웹퍼블리셔, #프론트엔드

https://youtu.be/EQGsHaEzZhk

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,  #웹퍼블리셔, #프론트엔드

https://youtu.be/ykIkTMVBwWg

기본예제: https://goo.gl/QMGPgR

[ 고급 슬라이드구현하기 파트 1/4 ]
- HTML,CSS 작성하기
- 슬라이드 구조작성하기
- CSS 스타일 설정하기
- FLEX, POSITION


노트패드에 젠코딩 설치하기 링크 추가
https://youtu.be/JAWDbgoL-MY

스프라이트 이미지 위치 잡기 링크 추가
https://youtu.be/n98axuhWWrU

플렉스로 위치 잡기 영사 링크 추가
https://youtu.be/_PSy66fkQ7U



에디터: notepad++
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

#jquery, #slideshow, #디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사

https://youtu.be/kAr_JIuQjzU

Sample Download:  https://goo.gl/gFf9vE

- Normalize CSS
- Modernizr
- setInterval
- fadeIn, fadeOut
- eq

에디터: notepad++
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb

#jquery, #slideshow, #디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사