https://youtu.be/FgNCpeD1kQE

Hair Studio P1 Download(파트1예제에서 이어서 학습 바랍니다.)
https://drive.google.com/file/d/1KiCEw3qc-QARB3tl86t3xvHyXBRgyaNv/view?usp=sharing


- 슬라이드 구현하기(cycle2)


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

#psdtohtml #illustrator #svg

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

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

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

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

PSD TO HTML 71 [LookBook P1/8 ] 모바일 디자인 참조 코딩하기 파트1 - Aside, 본문 리스트, 모바일 메뉴 구조, 폰트어썸  (0) 2019.12.27
ILLUST TO HTML 70 [ Hair Studio P7 ] 일러스트레이터 디자인 참고 사이트 구현하기 p7 - 다음 지도 API 구현하기  (0) 2019.12.27
ILLUST TO HTML 68 [ Hair Studio P5 ] 일러스트레이터 디자인 참고 사이트 구현하기 p5 - 텍스트 원형 구현, 슬라이드 구현  (0) 2019.11.26
ILLUST TO HTML 67 [ Hair Studio P4 ] 일러스트레이터 디자인 참고 사이트 구현하기 p4 - 헤더배경,메뉴, 제목 비틀기  (0) 2019.11.26
ILLUST TO HTML 66 [ Hair Studio P3 ] 일러스트레이터 디자인 참고 사이트 구현하기 p3 - css reset, 공통요소 스타일  (0) 2019.11.26

https://youtu.be/gWeseMSjcVM

Hair Studio P1 Download(파트1예제에서 이어서 학습 바랍니다.)
https://drive.google.com/file/d/1KiCEw3qc-QARB3tl86t3xvHyXBRgyaNv/view?usp=sharing

- SVG 폰트 변경
- 원형안에 텍스트 가두기
- 슬라이드 구현하기(cycle2)

D3plus 라이브러리
http://d3plus.org/
http://d3plus.org/js/d3.min.js
http://d3plus.org/js/d3plus.min.js

SVG Text Wrapping 매뉴얼
http://d3plus.org/examples/utilities/a39f0c3fc52804ee859a/

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

#psdtohtml #illustrator #svg

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

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

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

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

ILLUST TO HTML 70 [ Hair Studio P7 ] 일러스트레이터 디자인 참고 사이트 구현하기 p7 - 다음 지도 API 구현하기  (0) 2019.12.27
ILLUST TO HTML 69 [ Hair Studio P6 ] 일러스트레이터 디자인 참고 사이트 구현하기 p6 - 슬라이드, 푸터  (0) 2019.11.26
ILLUST TO HTML 67 [ Hair Studio P4 ] 일러스트레이터 디자인 참고 사이트 구현하기 p4 - 헤더배경,메뉴, 제목 비틀기  (0) 2019.11.26
ILLUST TO HTML 66 [ Hair Studio P3 ] 일러스트레이터 디자인 참고 사이트 구현하기 p3 - css reset, 공통요소 스타일  (0) 2019.11.26
ILLUST TO HTML 65 [ Hair Studio P2 ] 일러스트레이터 디자인 참고 사이트 구현하기 p2 - HTML 구조 작성하기  (0) 2019.11.26

https://youtu.be/B9dsyFhyU9c

Hair Studio P1 Download
https://drive.google.com/file/d/1KiCEw3qc-QARB3tl86t3xvHyXBRgyaNv/view?usp=sharing

- 헤더 CSS
- 메뉴 가운데 정렬하기
- transform Skew 적용하기



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

#psdtohtml #illustrator #svg

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

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

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

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

ILLUST TO HTML 69 [ Hair Studio P6 ] 일러스트레이터 디자인 참고 사이트 구현하기 p6 - 슬라이드, 푸터  (0) 2019.11.26
ILLUST TO HTML 68 [ Hair Studio P5 ] 일러스트레이터 디자인 참고 사이트 구현하기 p5 - 텍스트 원형 구현, 슬라이드 구현  (0) 2019.11.26
ILLUST TO HTML 66 [ Hair Studio P3 ] 일러스트레이터 디자인 참고 사이트 구현하기 p3 - css reset, 공통요소 스타일  (0) 2019.11.26
ILLUST TO HTML 65 [ Hair Studio P2 ] 일러스트레이터 디자인 참고 사이트 구현하기 p2 - HTML 구조 작성하기  (0) 2019.11.26
Illustrator TO HTML 64 [ Hair studio part 1 ] 일러스트레이터 디자인 참고 사이트 구현하기 - SVG 저장하기, webfont 변환하기  (0) 2019.11.26

https://youtu.be/PKrrLgv_eSA

Hair Studio P1 Download
https://drive.google.com/file/d/1KiCEw3qc-QARB3tl86t3xvHyXBRgyaNv/view?usp=sharing

- CSS reset
- CSS 공통요소 설정하기

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

ILLUST TO HTML 68 [ Hair Studio P5 ] 일러스트레이터 디자인 참고 사이트 구현하기 p5 - 텍스트 원형 구현, 슬라이드 구현  (0) 2019.11.26
ILLUST TO HTML 67 [ Hair Studio P4 ] 일러스트레이터 디자인 참고 사이트 구현하기 p4 - 헤더배경,메뉴, 제목 비틀기  (0) 2019.11.26
ILLUST TO HTML 65 [ Hair Studio P2 ] 일러스트레이터 디자인 참고 사이트 구현하기 p2 - HTML 구조 작성하기  (0) 2019.11.26
Illustrator TO HTML 64 [ Hair studio part 1 ] 일러스트레이터 디자인 참고 사이트 구현하기 - SVG 저장하기, webfont 변환하기  (0) 2019.11.26
PSD TO HTML 63 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27

https://youtu.be/TdmSdhz2mD8

Hair Studio P1 Download
https://drive.google.com/file/d/1KiCEw3qc-QARB3tl86t3xvHyXBRgyaNv/view?usp=sharing

- HTML 마크업


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

#psdtohtml #illustrator #svg

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

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

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

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

ILLUST TO HTML 67 [ Hair Studio P4 ] 일러스트레이터 디자인 참고 사이트 구현하기 p4 - 헤더배경,메뉴, 제목 비틀기  (0) 2019.11.26
ILLUST TO HTML 66 [ Hair Studio P3 ] 일러스트레이터 디자인 참고 사이트 구현하기 p3 - css reset, 공통요소 스타일  (0) 2019.11.26
Illustrator TO HTML 64 [ Hair studio part 1 ] 일러스트레이터 디자인 참고 사이트 구현하기 - SVG 저장하기, webfont 변환하기  (0) 2019.11.26
PSD TO HTML 63 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27
PSD TO HTML 62 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27

https://youtu.be/QhGLXwQ902k

Hair Studio P1 Download
https://drive.google.com/file/d/1KiCEw3qc-QARB3tl86t3xvHyXBRgyaNv/view?usp=sharing

- SVG 저장하기
- 웹폰트 변환하기

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

#psdtohtml #illustrator #svg

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

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

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

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

ILLUST TO HTML 66 [ Hair Studio P3 ] 일러스트레이터 디자인 참고 사이트 구현하기 p3 - css reset, 공통요소 스타일  (0) 2019.11.26
ILLUST TO HTML 65 [ Hair Studio P2 ] 일러스트레이터 디자인 참고 사이트 구현하기 p2 - HTML 구조 작성하기  (0) 2019.11.26
PSD TO HTML 63 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27
PSD TO HTML 62 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27
PSD TO HTML 61 [minimal portfolio] 포트폴리오 구현 파트 12 - 카테고리 글 출력, 포트폴리오 리스트 솔팅하기  (0) 2019.10.27

https://youtu.be/PZfDTAvW8iQ

포트폴리오 구현 파트 11 download (DB와 연동되어 작업되어 있으므로 PSD TO HTML 55번부터 시작하셔야 합니다.)
https://drive.google.com/file/d/15dJZAqfWAtTdz6KipyVKWa2qC5Tgahd0/view?usp=sharing

- ACF plugin 활용하기


템플릿 위계
https://developer.wordpress.org/themes/basics/template-hierarchy/


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

#psdtohtml #bootstrap

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

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

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

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

ILLUST TO HTML 65 [ Hair Studio P2 ] 일러스트레이터 디자인 참고 사이트 구현하기 p2 - HTML 구조 작성하기  (0) 2019.11.26
Illustrator TO HTML 64 [ Hair studio part 1 ] 일러스트레이터 디자인 참고 사이트 구현하기 - SVG 저장하기, webfont 변환하기  (0) 2019.11.26
PSD TO HTML 62 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27
PSD TO HTML 61 [minimal portfolio] 포트폴리오 구현 파트 12 - 카테고리 글 출력, 포트폴리오 리스트 솔팅하기  (0) 2019.10.27
PSD TO HTML 60 [minimal portfolio] 포트폴리오 구현 파트 11 - 카테고리 글 등록, 출력하기  (0) 2019.10.27

https://youtu.be/C_ThFE0Z_Qw

포트폴리오 구현 파트 11 download (DB와 연동되어 작업되어 있으므로 PSD TO HTML 55번부터 시작하셔야 합니다.)
https://drive.google.com/file/d/15dJZAqfWAtTdz6KipyVKWa2qC5Tgahd0/view?usp=sharing

- ACF plugin 활용하기


템플릿 위계
https://developer.wordpress.org/themes/basics/template-hierarchy/


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

#psdtohtml #bootstrap

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

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

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

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

Illustrator TO HTML 64 [ Hair studio part 1 ] 일러스트레이터 디자인 참고 사이트 구현하기 - SVG 저장하기, webfont 변환하기  (0) 2019.11.26
PSD TO HTML 63 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27
PSD TO HTML 61 [minimal portfolio] 포트폴리오 구현 파트 12 - 카테고리 글 출력, 포트폴리오 리스트 솔팅하기  (0) 2019.10.27
PSD TO HTML 60 [minimal portfolio] 포트폴리오 구현 파트 11 - 카테고리 글 등록, 출력하기  (0) 2019.10.27
PSD TO HTML 59 [minimal portfolio] 포트폴리오 구현 파트 10 - 워드프레쓰 페이지 만들기, 메뉴 구현하기  (0) 2019.10.27

https://youtu.be/R_ta1VmZVLk

포트폴리오 구현 파트 11 download (DB와 연동되어 작업되어 있으므로 PSD TO HTML 55번부터 시작하셔야 합니다.)
https://drive.google.com/file/d/15dJZAqfWAtTdz6KipyVKWa2qC5Tgahd0/view?usp=sharing

- 카테고리명 출력하기
- 카테고리명 리스트에 출력하기
- isotope sorting 적용하기


[ 참조] 
* get categories
https://developer.wordpress.org/reference/functions/get_categories/


* query post
https://developer.wordpress.org/reference/functions/query_posts/

* 카테고리명 출력, 페이지 네이션, 이전글 다음글 링크 참조
https://docs.google.com/document/d/1sKIDzh3MJu7JSyFH_fzZTwc3Yzu7Cv70dxyrm9K9rpE/edit


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

#psdtohtml #bootstrap

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

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

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

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

PSD TO HTML 63 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27
PSD TO HTML 62 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27
PSD TO HTML 60 [minimal portfolio] 포트폴리오 구현 파트 11 - 카테고리 글 등록, 출력하기  (0) 2019.10.27
PSD TO HTML 59 [minimal portfolio] 포트폴리오 구현 파트 10 - 워드프레쓰 페이지 만들기, 메뉴 구현하기  (0) 2019.10.27
PSD TO HTML 58 [minimal portfolio] 포트폴리오 구현 파트 9 - 테마개발 기초, style.css, Loop  (0) 2019.10.27

https://youtu.be/BDu5b2gJvlE

포트폴리오 구현 파트 11 download (DB와 연동되어 작업되어 있으므로 PSD TO HTML 55번부터 시작하셔야 합니다.)

https://drive.google.com/file/d/15dJZAqfWAtTdz6KipyVKWa2qC5Tgahd0/view?usp=sharing

- 카테고리 글 등록(출력)
- 썸네일 지원하기
- 나만의 첫페이지 만들기

[ 참조] 
코덱스 글 출력하기 query posts
https://developer.wordpress.org/reference/functions/query_posts/

테플릿 위계 Template Hierarch
https://developer.wordpress.org/themes/basics/template-hierarchy/


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

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

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

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

반응형

'Youtube 동영상 > psd to html & css' 카테고리의 다른 글

PSD TO HTML 62 [minimal portfolio] 포트폴리오 구현 파트 13 - 글보기 구현, single.php, 나만의 필드 만들고 출력하기  (0) 2019.10.27
PSD TO HTML 61 [minimal portfolio] 포트폴리오 구현 파트 12 - 카테고리 글 출력, 포트폴리오 리스트 솔팅하기  (0) 2019.10.27
PSD TO HTML 59 [minimal portfolio] 포트폴리오 구현 파트 10 - 워드프레쓰 페이지 만들기, 메뉴 구현하기  (0) 2019.10.27
PSD TO HTML 58 [minimal portfolio] 포트폴리오 구현 파트 9 - 테마개발 기초, style.css, Loop  (0) 2019.10.27
PSD TO HTML 57 [minimal portfolio] 포트폴리오 구현 파트 8 - PHP 로컬서버 설치, bitnami, phpmyadmin 데이터베이스, 워드프레스 설치  (0) 2019.10.27

+ Recent posts

티스토리툴바