https://youtu.be/tkXgz6v5Tv8

신년맞이 장편 프로젝트 약 20편! 각오되셨나요~?

Expire P1 Download(파트1의 예제만 제공합니다. 순서대로 학습 바랍니다.)

https://drive.google.com/file/d/1VF4LyraygLwsty3qy8xPrELuUQFz_Yz6/view?usp=sharing

 

- 공통요소 감안하여 html 작성하기

- sprite image 제작하기

- 슬라이드 구조 작성하기

티스토리 : http://alikerock.tistory.com/

트위터: #eztoweb

반응형

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

PSD TO HTML 78 [ LookBook P8/8 ] 모바일 디자인 참조 코딩하기 파트8 - 리스트뷰 카드뷰 전환, 히스토리 뒤로가기  (0) 2019.12.27
PSD TO HTML 77 [ LookBook P7/8 ] 모바일 디자인 참조 코딩하기 파트7 - 리스트 페이지 상단, 리스트뷰 카드뷰 토글 버튼  (0) 2019.12.27
PSD TO HTML 76 [ LookBook P6/8 ] 모바일 디자인 참조 코딩하기 파트6 - ASIDE 토글 메뉴 구현하기  (0) 2019.12.27
PSD TO HTML 75 [ LookBook P5/8 ] 모바일 디자인 참조 코딩하기 파트5 - ASIDE 메뉴, 레티나 배경 지정하기  (0) 2019.12.27
PSD TO HTML 74 [ LookBook P4/8 ] 모바일 디자인 참조 코딩하기 파트4 - 찜하기 하트 버튼, 반응형 CSS, responsive  (0) 2019.12.27

https://youtu.be/80HSha5owkY

LookBook P1/8 Download(파트1의 예제만 제공합니다. 순서대로 학습 바랍니다.) https://drive.google.com/file/d/1FMFeQpHlGFxDTQ5Yh4RjYtq-p4JucXqz/view?usp=sharing

 

- 리스트뷰 카드뷰 전환하기 css, script

- History back 뒤로가기

반응형

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

PSD TO HTML 79 [ Expire 1 ] bootstrap4 + flex 기반 PSD 참고 웹사이트 코딩하기 약 20편 중 1편 - HTML 구조작성하기  (0) 2020.01.19
PSD TO HTML 77 [ LookBook P7/8 ] 모바일 디자인 참조 코딩하기 파트7 - 리스트 페이지 상단, 리스트뷰 카드뷰 토글 버튼  (0) 2019.12.27
PSD TO HTML 76 [ LookBook P6/8 ] 모바일 디자인 참조 코딩하기 파트6 - ASIDE 토글 메뉴 구현하기  (0) 2019.12.27
PSD TO HTML 75 [ LookBook P5/8 ] 모바일 디자인 참조 코딩하기 파트5 - ASIDE 메뉴, 레티나 배경 지정하기  (0) 2019.12.27
PSD TO HTML 74 [ LookBook P4/8 ] 모바일 디자인 참조 코딩하기 파트4 - 찜하기 하트 버튼, 반응형 CSS, responsive  (0) 2019.12.27

https://youtu.be/4vKzBhXhGFQ

LookBook P1/8 Download(파트1의 예제만 제공합니다. 순서대로 학습 바랍니다.) https://drive.google.com/file/d/1FMFeQpHlGFxDTQ5Yh4RjYtq-p4JucXqz/view?usp=sharing

 

- 모바일 ASIDE 메뉴

- 리스트 페이지 상단 토글 버튼

반응형

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

PSD TO HTML 79 [ Expire 1 ] bootstrap4 + flex 기반 PSD 참고 웹사이트 코딩하기 약 20편 중 1편 - HTML 구조작성하기  (0) 2020.01.19
PSD TO HTML 78 [ LookBook P8/8 ] 모바일 디자인 참조 코딩하기 파트8 - 리스트뷰 카드뷰 전환, 히스토리 뒤로가기  (0) 2019.12.27
PSD TO HTML 76 [ LookBook P6/8 ] 모바일 디자인 참조 코딩하기 파트6 - ASIDE 토글 메뉴 구현하기  (0) 2019.12.27
PSD TO HTML 75 [ LookBook P5/8 ] 모바일 디자인 참조 코딩하기 파트5 - ASIDE 메뉴, 레티나 배경 지정하기  (0) 2019.12.27
PSD TO HTML 74 [ LookBook P4/8 ] 모바일 디자인 참조 코딩하기 파트4 - 찜하기 하트 버튼, 반응형 CSS, responsive  (0) 2019.12.27

https://youtu.be/UhxVqkU55-c

LookBook P1/8 Download(파트1의 예제만 제공합니다. 순서대로 학습 바랍니다.) https://drive.google.com/file/d/1FMFeQpHlGFxDTQ5Yh4RjYtq-p4JucXqz/view?usp=sharing

 

예제 이미지 다운로드

https://drive.google.com/file/d/10lwzYg9yFkjzhR6rByXiM-l9Fb9lojay/view?usp=sharing

반응형

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

PSD TO HTML 78 [ LookBook P8/8 ] 모바일 디자인 참조 코딩하기 파트8 - 리스트뷰 카드뷰 전환, 히스토리 뒤로가기  (0) 2019.12.27
PSD TO HTML 77 [ LookBook P7/8 ] 모바일 디자인 참조 코딩하기 파트7 - 리스트 페이지 상단, 리스트뷰 카드뷰 토글 버튼  (0) 2019.12.27
PSD TO HTML 75 [ LookBook P5/8 ] 모바일 디자인 참조 코딩하기 파트5 - ASIDE 메뉴, 레티나 배경 지정하기  (0) 2019.12.27
PSD TO HTML 74 [ LookBook P4/8 ] 모바일 디자인 참조 코딩하기 파트4 - 찜하기 하트 버튼, 반응형 CSS, responsive  (0) 2019.12.27
PSD TO HTML 73 [ LookBook P3/8 ] 모바일 디자인 참조 코딩하기 파트3 - 검색창, 레티나 고해상도 기기 모바일 이미지, retina JS  (0) 2019.12.27

LookBook P1/8 Download(파트1의 예제만 제공합니다. 순서대로 학습 바랍니다.) https://drive.google.com/file/d/1FMFeQpHlGFxDTQ5Yh4RjYtq-p4JucXqz/view?usp=sharing

 

예제 이미지 다운로드

https://drive.google.com/file/d/10lwzYg9yFkjzhR6rByXiM-l9Fb9lojay/view?usp=sharing

반응형

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

PSD TO HTML 77 [ LookBook P7/8 ] 모바일 디자인 참조 코딩하기 파트7 - 리스트 페이지 상단, 리스트뷰 카드뷰 토글 버튼  (0) 2019.12.27
PSD TO HTML 76 [ LookBook P6/8 ] 모바일 디자인 참조 코딩하기 파트6 - ASIDE 토글 메뉴 구현하기  (0) 2019.12.27
PSD TO HTML 74 [ LookBook P4/8 ] 모바일 디자인 참조 코딩하기 파트4 - 찜하기 하트 버튼, 반응형 CSS, responsive  (0) 2019.12.27
PSD TO HTML 73 [ LookBook P3/8 ] 모바일 디자인 참조 코딩하기 파트3 - 검색창, 레티나 고해상도 기기 모바일 이미지, retina JS  (0) 2019.12.27
PSD TO HTML 72 [ LookBook P2/8 ] 모바일 디자인 참조 코딩하기 파트2 - 본문 헤더, 검색, 크로스 브라우징  (0) 2019.12.27

https://youtu.be/Rvv_X2mAcDI

LookBook P1/8 Download(파트1의 예제만 제공합니다. 순서대로 학습 바랍니다.) https://drive.google.com/file/d/1FMFeQpHlGFxDTQ5Yh4RjYtq-p4JucXqz/view?usp=sharing

 

예제 이미지 다운로드

https://drive.google.com/file/d/10lwzYg9yFkjzhR6rByXiM-l9Fb9lojay/view?usp=sharing

 

 

반응형

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

PSD TO HTML 76 [ LookBook P6/8 ] 모바일 디자인 참조 코딩하기 파트6 - ASIDE 토글 메뉴 구현하기  (0) 2019.12.27
PSD TO HTML 75 [ LookBook P5/8 ] 모바일 디자인 참조 코딩하기 파트5 - ASIDE 메뉴, 레티나 배경 지정하기  (0) 2019.12.27
PSD TO HTML 73 [ LookBook P3/8 ] 모바일 디자인 참조 코딩하기 파트3 - 검색창, 레티나 고해상도 기기 모바일 이미지, retina JS  (0) 2019.12.27
PSD TO HTML 72 [ LookBook P2/8 ] 모바일 디자인 참조 코딩하기 파트2 - 본문 헤더, 검색, 크로스 브라우징  (0) 2019.12.27
PSD TO HTML 71 [LookBook P1/8 ] 모바일 디자인 참조 코딩하기 파트1 - Aside, 본문 리스트, 모바일 메뉴 구조, 폰트어썸  (0) 2019.12.27

https://youtu.be/9kk2ZU31-PY

LookBook P1/8

 

Download(파트1의 예제만 제공합니다. 순서대로 학습 바랍니다.) https://drive.google.com/file/d/1FMFeQpHlGFxDTQ5Yh4RjYtq-p4JucXqz/view?usp=sharing

 

- 숨어있는 검색창 활성화 하기

- 요소를 앞으로 올리기

- 레티나 대응 이미지 저장하기

- retina.js 활용하기

반응형

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

PSD TO HTML 75 [ LookBook P5/8 ] 모바일 디자인 참조 코딩하기 파트5 - ASIDE 메뉴, 레티나 배경 지정하기  (0) 2019.12.27
PSD TO HTML 74 [ LookBook P4/8 ] 모바일 디자인 참조 코딩하기 파트4 - 찜하기 하트 버튼, 반응형 CSS, responsive  (0) 2019.12.27
PSD TO HTML 72 [ LookBook P2/8 ] 모바일 디자인 참조 코딩하기 파트2 - 본문 헤더, 검색, 크로스 브라우징  (0) 2019.12.27
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

https://youtu.be/BtS2U3KN8sE

LookBook P1/8 Download(파트1의 예제만 제공합니다. 순서대로 학습 바랍니다.) https://drive.google.com/file/d/1FMFeQpHlGFxDTQ5Yh4RjYtq-p4JucXqz/view?usp=sharing

 

- 레티나 디자인 참조 코딩하기

- 메인 페이지 헤더

- 크로스 브라우징

반응형

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

PSD TO HTML 74 [ LookBook P4/8 ] 모바일 디자인 참조 코딩하기 파트4 - 찜하기 하트 버튼, 반응형 CSS, responsive  (0) 2019.12.27
PSD TO HTML 73 [ LookBook P3/8 ] 모바일 디자인 참조 코딩하기 파트3 - 검색창, 레티나 고해상도 기기 모바일 이미지, retina JS  (0) 2019.12.27
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 69 [ Hair Studio P6 ] 일러스트레이터 디자인 참고 사이트 구현하기 p6 - 슬라이드, 푸터  (0) 2019.11.26

https://youtu.be/1hGKIdpjfn0

LookBook P1/8

Download(파트1의 예제만 제공합니다. 순서대로 학습 바랍니다.) https://drive.google.com/file/d/1FMFeQpHlGFxDTQ5Yh4RjYtq-p4JucXqz/view?usp=sharing

 

- 모바일 서랍메뉴 구조 작성하기 - 폰트 어썸 아이콘 구현

반응형

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

PSD TO HTML 73 [ LookBook P3/8 ] 모바일 디자인 참조 코딩하기 파트3 - 검색창, 레티나 고해상도 기기 모바일 이미지, retina JS  (0) 2019.12.27
PSD TO HTML 72 [ LookBook P2/8 ] 모바일 디자인 참조 코딩하기 파트2 - 본문 헤더, 검색, 크로스 브라우징  (0) 2019.12.27
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 68 [ Hair Studio P5 ] 일러스트레이터 디자인 참고 사이트 구현하기 p5 - 텍스트 원형 구현, 슬라이드 구현  (0) 2019.11.26

https://youtu.be/C7Z21i_jZPc

Hair Studio P1 Download(파트1예제에서 이어서 학습 바랍니다.)

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

 

- daum map API

 

티스토리 : 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 72 [ LookBook P2/8 ] 모바일 디자인 참조 코딩하기 파트2 - 본문 헤더, 검색, 크로스 브라우징  (0) 2019.12.27
PSD TO HTML 71 [LookBook P1/8 ] 모바일 디자인 참조 코딩하기 파트1 - Aside, 본문 리스트, 모바일 메뉴 구조, 폰트어썸  (0) 2019.12.27
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 67 [ Hair Studio P4 ] 일러스트레이터 디자인 참고 사이트 구현하기 p4 - 헤더배경,메뉴, 제목 비틀기  (0) 2019.11.26

+ Recent posts

티스토리툴바