https://youtu.be/XKcLW-nwECE

 

portfolio wordpress theme #1
https://drive.google.com/file/d/1rVPU7NoWbsAUaf7u00pOEWCq1wv0azmy/view?usp=sharing

part #6

  • 메인페이지 CSS
  • List, Footer
  • --var 변수 활용하기

#psdtohtml #portfolio #HTML

홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/[https://youtu.be/XKcLW-nwECE](https://youtu.be/XKcLW-nwECE)

반응형

'Youtube 동영상 > CMS' 카테고리의 다른 글

CMS 19 [ portfolio theme #8 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #8 - 상세페이지 HTML, CSS  (0) 2020.04.08
CMS 18 [ portfolio theme #7 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #7 - 포트폴리오 리스트 페이지 구현  (0) 2020.04.08
CMS 16 [ portfolio theme #5 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #5 - 메인 페이지 CSS- 헤더, 로고, 리스트, 그림자  (0) 2020.04.08
CMS 15 [ portfolio theme #4 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #4 - 메인 페이지 HTML 구조 작성하기, 헤더, 리스트, 푸터  (0) 2020.04.07
CMS 14 [ portfolio theme #3 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #3 - FORM, INPUT, SELECT, TEXTAREA  (0) 2020.04.07

https://youtu.be/vLup0wun6rg

portfolio wordpress theme #1
https://drive.google.com/file/d/1rVPU7NoWbsAUaf7u00pOEWCq1wv0azmy/view?usp=sharing

part #5

  • 메인페이지 CSS
  • HEADER, LOGO, LIST, SHADOW

#psdtohtml #portfolio #HTML

홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > CMS' 카테고리의 다른 글

CMS 18 [ portfolio theme #7 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #7 - 포트폴리오 리스트 페이지 구현  (0) 2020.04.08
CMS 17 [ portfolio theme #6 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #6 - 메인 페이지 CSS- 리스트, 푸터, --var 변수 활용하기  (0) 2020.04.08
CMS 15 [ portfolio theme #4 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #4 - 메인 페이지 HTML 구조 작성하기, 헤더, 리스트, 푸터  (0) 2020.04.07
CMS 14 [ portfolio theme #3 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #3 - FORM, INPUT, SELECT, TEXTAREA  (0) 2020.04.07
CMS 13 [ portfolio theme #2 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #2 - 버튼 링크 스타일 설정하기  (0) 2020.04.07

https://youtu.be/kLFKXf8SEZc

 

portfolio wordpress theme #1
https://drive.google.com/file/d/1rVPU7NoWbsAUaf7u00pOEWCq1wv0azmy/view?usp=sharing

part #3

  • 메인페이지 HTML
  • HEADER, MAIN, FOOTER

#psdtohtml #portfolio #HTML

홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > CMS' 카테고리의 다른 글

CMS 17 [ portfolio theme #6 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #6 - 메인 페이지 CSS- 리스트, 푸터, --var 변수 활용하기  (0) 2020.04.08
CMS 16 [ portfolio theme #5 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #5 - 메인 페이지 CSS- 헤더, 로고, 리스트, 그림자  (0) 2020.04.08
CMS 14 [ portfolio theme #3 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #3 - FORM, INPUT, SELECT, TEXTAREA  (0) 2020.04.07
CMS 13 [ portfolio theme #2 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #2 - 버튼 링크 스타일 설정하기  (0) 2020.04.07
CMS 12 [ portfolio theme #1 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #1 - psd to html - 공통요소 html, css 작성하기(새로운 방식)  (0) 2020.04.07

https://youtu.be/gyd37L8DiTg

portfolio wordpress theme #1 https://drive.google.com/file/d/1rVPU7NoWbsAUaf7u00pOEWCq1wv0azmy/view?usp=sharing

 

part #4

- 공통요소 html, css 작성하기

- 폼 #wordpress

 

#portfolio #designguide

 

홈페이지 : http://ezwebpub.com/

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

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

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > CMS' 카테고리의 다른 글

CMS 16 [ portfolio theme #5 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #5 - 메인 페이지 CSS- 헤더, 로고, 리스트, 그림자  (0) 2020.04.08
CMS 15 [ portfolio theme #4 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #4 - 메인 페이지 HTML 구조 작성하기, 헤더, 리스트, 푸터  (0) 2020.04.07
CMS 13 [ portfolio theme #2 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #2 - 버튼 링크 스타일 설정하기  (0) 2020.04.07
CMS 12 [ portfolio theme #1 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #1 - psd to html - 공통요소 html, css 작성하기(새로운 방식)  (0) 2020.04.07
CMS 11 [ cafe24 #6 ] - shopy 쇼핑몰 cafe24 스킨 만들기 - 상품 분류명, 상품 목록출력하기  (0) 2019.10.02

https://youtu.be/12wrgapWspQ

중간 진행 파일은 제공하지 않습니다. 첫 부분부터 차근차근 학습 부탁드립니다.

 

portfolio wordpress theme #1 https://drive.google.com/file/d/1rVPU7NoWbsAUaf7u00pOEWCq1wv0azmy/view?usp=sharing

 

part #2

- 공통요소 html, css 작성하기

- 링크 버튼 스타일 설정

 

#wordpress #portfolio #designguide

홈페이지 : http://ezwebpub.com/

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

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

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > CMS' 카테고리의 다른 글

CMS 15 [ portfolio theme #4 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #4 - 메인 페이지 HTML 구조 작성하기, 헤더, 리스트, 푸터  (0) 2020.04.07
CMS 14 [ portfolio theme #3 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #3 - FORM, INPUT, SELECT, TEXTAREA  (0) 2020.04.07
CMS 12 [ portfolio theme #1 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #1 - psd to html - 공통요소 html, css 작성하기(새로운 방식)  (0) 2020.04.07
CMS 11 [ cafe24 #6 ] - shopy 쇼핑몰 cafe24 스킨 만들기 - 상품 분류명, 상품 목록출력하기  (0) 2019.10.02
CMS 10 [ cafe24 #5 ] - shopy 쇼핑몰 cafe24 스킨 만들기 - 슬라이드 구현하기, jQuery 충돌 방지하기  (0) 2019.10.02

https://youtu.be/pc8CxwWhcDo

이전 영상에서도 다뤘던 예제이지만, 코딩방식을 달리하고 이번에는 워드프레쓰 테마작성까지 이어지는 영상입니다. portfolio wordpress theme #1

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

 

part #1

- 디자인 참고 코딩하기

- 공통요소 html, css 작성하기

 

#wordpress #portfolio #designguide

홈페이지 : http://ezwebpub.com/

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

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

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > CMS' 카테고리의 다른 글

CMS 14 [ portfolio theme #3 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #3 - FORM, INPUT, SELECT, TEXTAREA  (0) 2020.04.07
CMS 13 [ portfolio theme #2 ] 포트폴리오 사이트 워드프레쓰 테마 만들기 #2 - 버튼 링크 스타일 설정하기  (0) 2020.04.07
CMS 11 [ cafe24 #6 ] - shopy 쇼핑몰 cafe24 스킨 만들기 - 상품 분류명, 상품 목록출력하기  (0) 2019.10.02
CMS 10 [ cafe24 #5 ] - shopy 쇼핑몰 cafe24 스킨 만들기 - 슬라이드 구현하기, jQuery 충돌 방지하기  (0) 2019.10.02
CMS 09 [ cafe24 #4 ] - shopy 쇼핑몰 cafe24 스킨 만들기 - 상품 출력하기  (0) 2019.09.07

https://youtu.be/8UOSP4SPN4Y

Sample Download: https://drive.google.com/file/d/1MnznL85oMj7GA0pYqxKQ_P0vhl6pkZtp/view?usp=sharing

[ 모바일 기기 감지하기 ]

- 핸드폰 목업 만들기

- iframe 활용

 

#javascript #mobile #modernizr

홈페이지 : http://ezwebpub.com/

 

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

 

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

 

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > javascript & jQuery' 카테고리의 다른 글

Javascript 35 [ essentials #2 ] 자바스크립트 핵심 리뷰 #2 - CSS 변경, 이벤트 연결, DOM Manipulation  (0) 2024.02.12
Javascript 34 [ essentials #1 ] 자바스크립트 핵심 리뷰 #1 - 반복문, Loop, Repetitive Statement  (0) 2024.02.11
Javascript 32 [ Mobile Device Detect #1 ] 같은 주소 PC로 접속했을때와 모바일접속을 구분하자 - 기존영상 보완, 새로운 내용 추가  (0) 2020.04.07
jQuery 93 [ 별점 표시하기 ] jQuery로 별점 표시, 점수주기, star rating  (0) 2020.02.12
jQuery 92 [ jQuery UI widget ] 제이쿼리UI 활용 폼 진행률 표시하기 part 3/3 - 진행률 퍼센트 구현하기  (0) 2020.01.19

https://youtu.be/1O13X68nrSs

Sample Download: https://drive.google.com/file/d/1MnznL85oMj7GA0pYqxKQ_P0vhl6pkZtp/view?usp=sharing

 

[ 모바일 기기 감지하기 ]

- 디바이스 픽셀 레티오

- 모더나이저 활용

- UserAgent 활용

 

에디터: codepen

후원하기: https://toon.at/donate/ezwebpub

#javascript #mobile #modernizr

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > javascript & jQuery' 카테고리의 다른 글

Javascript 34 [ essentials #1 ] 자바스크립트 핵심 리뷰 #1 - 반복문, Loop, Repetitive Statement  (0) 2024.02.11
Javascript 33 [ Mobile Device Detect #2 ] 모바일 감지하여 pc에서는 핸드폰 목업에, 모바일에선 원래 모습대로 나오록 하자.  (0) 2020.04.07
jQuery 93 [ 별점 표시하기 ] jQuery로 별점 표시, 점수주기, star rating  (0) 2020.02.12
jQuery 92 [ jQuery UI widget ] 제이쿼리UI 활용 폼 진행률 표시하기 part 3/3 - 진행률 퍼센트 구현하기  (0) 2020.01.19
jQuery 91 [ jQuery UI widget ] 제이쿼리UI 활용 폼 진행률 표시하기 part 2/3 - 스피너, 달력, 버튼 위젯 활용하기  (0) 2020.01.19

https://youtu.be/KaQiPNufl-Y

- unsplash

- content reel

- image palette

- super tidy

 

[피그마 설치 ] https://youtu.be/_myVwi0vq5s https://www.figma.com/

#webdesign #figma #plugin

 

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > web design' 카테고리의 다른 글

DESIGN 17 [ hair salon design part 3/7 ] 일러스트레이터로 웹디자인하기 파트 3 - 오브젝트, 클리핑 적용하기, offset Path  (0) 2019.11.26
DESIGN 16 [ hair salon design part 2/7 ] 일러스트레이터로 웹디자인하기 파트 2 - 펜툴, 아이콘 디자인하기, 정렬, path, Width tool  (0) 2019.11.20
DESIGN 15 [ hair studio design part 1/7 ] 일러스트레이터로 웹디자인하기 파트 1 - 무편집본, 그리드, 패턴, 정렬, 질감, 펜툴 드로잉  (0) 2019.11.20
DESIGN 14 [ Illustrator for web ] 웹디자인을 위한 일러스트레이터 세팅하기, 패널, 크기외  (0) 2019.11.20
DESIGN 13 [ Look Book Mobile #4] 피그마 figma 모바일 디자인 파트4 - 리스트 페이지, 프로토타이핑 활용하기  (0) 2019.08.13

https://youtu.be/BF7Wszaa2vE

sample link https://codepen.io/alikerock/pen/gObQwoz

- 별점 표시하기 html, css, script - 폰트어썸 별표

#jquery #rating #별점

 

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

반응형

'Youtube 동영상 > javascript & jQuery' 카테고리의 다른 글

Javascript 33 [ Mobile Device Detect #2 ] 모바일 감지하여 pc에서는 핸드폰 목업에, 모바일에선 원래 모습대로 나오록 하자.  (0) 2020.04.07
Javascript 32 [ Mobile Device Detect #1 ] 같은 주소 PC로 접속했을때와 모바일접속을 구분하자 - 기존영상 보완, 새로운 내용 추가  (0) 2020.04.07
jQuery 92 [ jQuery UI widget ] 제이쿼리UI 활용 폼 진행률 표시하기 part 3/3 - 진행률 퍼센트 구현하기  (0) 2020.01.19
jQuery 91 [ jQuery UI widget ] 제이쿼리UI 활용 폼 진행률 표시하기 part 2/3 - 스피너, 달력, 버튼 위젯 활용하기  (0) 2020.01.19
jQuery 90 [ jQuery UI widget ] 제이쿼리UI 활용 폼 진행률 표시하기 part 1/3 - 셀렉트 메뉴, 자동완성 폼  (0) 2020.01.19

+ Recent posts

티스토리툴바