javascript & jquery 효율적으로 작성하기 1
https://codepen.io/alikerock/pen/BbqNaZ
javascript & jquery 효율적으로 작성하기 2
https://codepen.io/alikerock/pen/gEBazE
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#jquery #css #animation
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165
Sample Download(part 1) - design 15번 예제에서 이어서 학습해주세요.
https://drive.google.com/file/d/1r4BVa_vu5hUCAvuSJQ3-0jf3Ym5R_A5f/view?usp=sharing
싱크 문제로 세세히 편집하지는 못했습니다. 감안해서 시청바랍니다.
감사합니다.
- 슬라이드 디자인하기
일러스트레이터를 이용한 디자인 파트입니다.
디자인이 완료되면 바로 코딩 연재가 이어질 예정입니다.
영상 싱크의 문제로 프리미어 편집없이 올립니다.
#webdesign #illustrator
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165
Sample Download(part 1) - design 15번 예제에서 이어서 학습해주세요.
https://drive.google.com/file/d/1r4BVa_vu5hUCAvuSJQ3-0jf3Ym5R_A5f/view?usp=sharing
- 아이콘 디자인
일러스트레이터를 이용한 디자인 파트입니다.
디자인이 완료되면 바로 코딩 연재가 이어질 예정입니다.
영상 싱크의 문제로 프리미어 편집없이 올립니다.
#webdesign #illustrator
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165
Sample Download
https://drive.google.com/file/d/1r4BVa_vu5hUCAvuSJQ3-0jf3Ym5R_A5f/view?usp=sharing
- 그리드 생성
- 정렬, 변경
- 패턴설정
- 질감 설정
일러스트레이터를 이용한 디자인 파트입니다.
디자인이 완료되면 바로 코딩 연재가 이어질 예정입니다.
영상 싱크의 문제로 프리미어 편집을 못하고 편집없이 올립니다.
#webdesign #illustrator
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165
Sample Download
https://drive.google.com/file/d/1r4BVa_vu5hUCAvuSJQ3-0jf3Ym5R_A5f/view?usp=sharing
- 웹디자인을 위한 패널세팅
- 단위설정
- 인포설정, 레이어 설정
#webdesign #illustrator
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165
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
Sample Download:
https://drive.google.com/file/d/174avu4HS1gpL-BEaNoaEJTWdMbGNrGq2/view?usp=sharing
- javascript
- jquery
- play and stop(pause)
에디터: codepen
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#video #audio #javascript
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165
jQuery 77 예제다운로드(sample download):
https://drive.google.com/file/d/1P7sNyEl4yArJtHLiRMeZhsf0_d6E-nsD/view?usp=sharing
스크롤러 라이브러리
- https://prinzhorn.github.io/skrollr/
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#jquery #animation #parallax
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165
| jQuery 78 [ Flex Slideshow ] 플렉스 기반의 슬라이드쇼 구현하기, display:flex (0) | 2019.11.20 |
|---|---|
| Javascript 23 [ Video Audio ] 자바스크립트, 제이쿼리 비디오 오디오 컨트롤하기 (0) | 2019.11.20 |
| jQuery 76 [ Parallx Scrolling ] 패러ㄹ렉스 스크롤 구현하기, 원근감 구현, 스크롤에 따라 다르게 움직이는 애니메이션 (0) | 2019.11.20 |
| jQuery 75 [ Fullpage JS ] 풀페이지 js 활용 - 세로 스크롤 애니메이션 구현하기 (0) | 2019.11.20 |
| Javascript 22 [ Cookie ] 쿠키활용 팝업 제어하기, 첫 방문자에게만 팝업 띄우기 (0) | 2019.11.20 |
jQuery 76 예제다운로드(sample download):
https://drive.google.com/file/d/1NioX7X9Itv70-mAPzIyO8Xa9wixb4MgG/view?usp=sharing
jquery
- 원금감
- 세로 스크롤 애니메이션
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#jquery #animation #parallax
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165
| Javascript 23 [ Video Audio ] 자바스크립트, 제이쿼리 비디오 오디오 컨트롤하기 (0) | 2019.11.20 |
|---|---|
| jQuery 77 [ skrollr ] 패럴렉스 스크롤 구현하기, 스크롤러 라이브러리로 아주 쉽게 구현하기 (0) | 2019.11.20 |
| jQuery 75 [ Fullpage JS ] 풀페이지 js 활용 - 세로 스크롤 애니메이션 구현하기 (0) | 2019.11.20 |
| Javascript 22 [ Cookie ] 쿠키활용 팝업 제어하기, 첫 방문자에게만 팝업 띄우기 (0) | 2019.11.20 |
| jQuery 74 [ Wheel Animation ] 마우스 휠 애니메이션 (0) | 2019.11.20 |
jQuery 75 예제다운로드(sample download):
https://drive.google.com/file/d/17BWcUFQidy1aK1rYEWtyru1pBCY3ktwz/view?usp=sharing
jquery
- Full page js 라이브러리
- 풀페이지 스크롤 애니메이션
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: eztoweb
#jquery #animation #wheel
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
평일반 수강신청: https://alikerock.tistory.com/notice/295
주말반 수강신청: https://alikerock.tistory.com/notice/165
| jQuery 77 [ skrollr ] 패럴렉스 스크롤 구현하기, 스크롤러 라이브러리로 아주 쉽게 구현하기 (0) | 2019.11.20 |
|---|---|
| jQuery 76 [ Parallx Scrolling ] 패러ㄹ렉스 스크롤 구현하기, 원근감 구현, 스크롤에 따라 다르게 움직이는 애니메이션 (0) | 2019.11.20 |
| Javascript 22 [ Cookie ] 쿠키활용 팝업 제어하기, 첫 방문자에게만 팝업 띄우기 (0) | 2019.11.20 |
| jQuery 74 [ Wheel Animation ] 마우스 휠 애니메이션 (0) | 2019.11.20 |
| jQuery 73 [Loading Animation ] 로딩 애니메이션, 실제 컨텐츠 로딩률을 반영하여 애니메이션 구현하기, imageloaded (0) | 2019.10.27 |