포트폴리오 2차: Branding

링크 : http://eztoweb.maru.net/students/2017/kmy/

제작 시기: 2016.12.30 수료

수업 시간: 800시간

주요 특징: 디자인 > html, css, jquery > 반응형

개인 작품 관리 사이트

 

반응형

'수료생 포트폴리오' 카테고리의 다른 글

tesla, move, animation, 반응형 - 포트폴리오  (0) 2019.06.07
canon, 반응형 - 포트폴리오  (0) 2019.06.07
Oganic table - 포트폴리오  (0) 2019.06.07
MAC 포트폴리오  (0) 2019.06.07
YG케이플러스외 2종 - 포트폴리오  (0) 2019.06.07

포트폴리오 1차: Oganic table

링크 : http://eztoweb.maru.net/students/2017/organic/

제작 시기: 2016.12.30 수료

수업 시간: 800시간

주요 특징: 디자인 > html, css, jquery > 반응형

주요 포트폴리오 2차중 1차, One page style

 

반응형

'수료생 포트폴리오' 카테고리의 다른 글

canon, 반응형 - 포트폴리오  (0) 2019.06.07
Branding, 개인 홈페이지 - 포트폴리오  (0) 2019.06.07
MAC 포트폴리오  (0) 2019.06.07
YG케이플러스외 2종 - 포트폴리오  (0) 2019.06.07
남양유업 리뉴얼 - 포트폴리오  (0) 2019.06.07

포트폴리오 2차: Mac

링크 : http://eztoweb.maru.net/students/mac/

제작 시기: 2016.12.30 수료

수업 시간: 800시간

주요 특징: 디자인 > html, css, jquery > 반응형

주요 포트폴리오 3차중 2차

 

 

반응형

'수료생 포트폴리오' 카테고리의 다른 글

canon, 반응형 - 포트폴리오  (0) 2019.06.07
Branding, 개인 홈페이지 - 포트폴리오  (0) 2019.06.07
Oganic table - 포트폴리오  (0) 2019.06.07
YG케이플러스외 2종 - 포트폴리오  (0) 2019.06.07
남양유업 리뉴얼 - 포트폴리오  (0) 2019.06.07

https://youtu.be/3is3QZCjWvc

Grid Sample  : https://codepen.io/alikerock/pen/MvLzKO

Button Sample: https://codepen.io/alikerock/pen/rzRagx

Carousel Sample: https://codepen.io/alikerock/pen/BdbNzb


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

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

반응형

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

jQuery 48 [ json gallery ] getjson 제이슨 메이슨리 갤러리, 인스타그램 갤러리, 더보기 전초전 갤러리 만들기.  (0) 2019.06.05
jQuery 47 [ 날씨 API ] openweathermap 날씨 예보, 실시간 날씨 출력하기, 최고온도, 최저온도, 습도등  (0) 2019.06.05
jQuery 45 [ 햄버거 버튼 - 풀페이지 네비게이션] Hamburger Menu Icon, full page navigation  (0) 2019.06.05
jQuery 44 [ 햄버거 버튼 애니메이션 ] Hamburger Menu Icon to Cross  (0) 2019.06.05
jQuery 43 [ Floating Form ] 제이쿼리, CSS Animation, 폼을 빠르게 입력하도록 도와주는 폼 디자인과 jquery  (0) 2019.05.27

https://youtu.be/ZntjQA7HZQ8

예제 링크 : https://codepen.io/alikerock/pen/bjzzab

햄버거 버튼 애니메이션

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

#full page, #hanburger, #햄버거,  #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사

반응형

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

jQuery 47 [ 날씨 API ] openweathermap 날씨 예보, 실시간 날씨 출력하기, 최고온도, 최저온도, 습도등  (0) 2019.06.05
jQuery 46 [ MerializeCSS ] 머티리얼라이즈 라이브러리- 그리드, 버튼애니메이션, 플로팅 버튼, 슬라이드쇼  (0) 2019.06.05
jQuery 44 [ 햄버거 버튼 애니메이션 ] Hamburger Menu Icon to Cross  (0) 2019.06.05
jQuery 43 [ Floating Form ] 제이쿼리, CSS Animation, 폼을 빠르게 입력하도록 도와주는 폼 디자인과 jquery  (0) 2019.05.27
HTML5 - 003 [ HTML 문서 기초 3] 제목 입력하기, 검색이 잘되는 키워드 설명 입력, ROBOTS 설정  (0) 2019.05.02

https://youtu.be/LsKnLBSF_3k

예제 링크 : https://codepen.io/alikerock/pen/WKPPje

햄버거 버튼 애니메이션

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

#hanburger, #햄버거,  #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사

반응형

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

jQuery 46 [ MerializeCSS ] 머티리얼라이즈 라이브러리- 그리드, 버튼애니메이션, 플로팅 버튼, 슬라이드쇼  (0) 2019.06.05
jQuery 45 [ 햄버거 버튼 - 풀페이지 네비게이션] Hamburger Menu Icon, full page navigation  (0) 2019.06.05
jQuery 43 [ Floating Form ] 제이쿼리, CSS Animation, 폼을 빠르게 입력하도록 도와주는 폼 디자인과 jquery  (0) 2019.05.27
HTML5 - 003 [ HTML 문서 기초 3] 제목 입력하기, 검색이 잘되는 키워드 설명 입력, ROBOTS 설정  (0) 2019.05.02
jQuery 39 [ siema 슬라이드 3 ] Siema- 페이저(pager)로 컨트롤하기, 페이저 활성화하기  (0) 2019.05.02

https://youtu.be/n6_bI-KnjQA

Blog site design part1예제 (DESIGN 05)에서 이어서 학습해주세요.

Blog Site Design part 4
- 클리핑 마스크
- 레이어 마스크
- 보정 레이어 사용하기
- 컬러 오버레이
- 고스트 버튼 만들기
- 정렬하기

반응형

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

DESIGN 10 [ Look Book Mobile #1 ] 피그마 figma 모바일 디자인 파트1- 헤더  (0) 2019.08.07
DESIGN 09 [ Blog site design part 5 ] 헤더 제목 작성하기, color overlay, stroke, paragraph  (0) 2019.06.05
DESIGN 07 [ Blog site design part 3 ] 웹디자인 패턴가로줄 만들기, 그룹 및 레이어 생성 및 이름 작성하기  (0) 2019.05.27
DESIGN 06 [ Blog site design part 2 ] 웹디자인 준비하기, 자료수집하기, 폰트수집하기  (0) 2019.05.27
DESIGN 05 [ Blog site design part 1 ] 웹디자인 준비하기, 자료수집하기, 폰트수집하기  (0) 2019.05.27

https://youtu.be/WN2hFr-C-fI

Blog site design part1예제 (DESIGN 06)에서 이어서 학습해주세요.

Blog Site Design part 2
- 웹디자인용으로 포토샵 설정하기
- 웹디자인 순서
- canvas 생성하기
- 가이드 작성하기
- 그리드 작성하기
- 폰트사이즈와 행높이의 황금비율

반응형

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

DESIGN 08 [ Blog site design part 4 ] 마스크적용하기, 웹디자인 보정 레이어, 컬러 오버레이, 고스트 버튼, 정렬하기  (0) 2019.05.27
DESIGN 07 [ Blog site design part 3 ] 웹디자인 패턴가로줄 만들기, 그룹 및 레이어 생성 및 이름 작성하기  (0) 2019.05.27
DESIGN 05 [ Blog site design part 1 ] 웹디자인 준비하기, 자료수집하기, 폰트수집하기  (0) 2019.05.27
DESIGN 04 [Figma 4/4 ] 피그마! - 구글 material design 소스 활용, css 코드 확인하기, image 저장하기  (0) 2019.05.27
DESIGN 03 [Figma 3/4 ] 피그마! - 로그인 입력폼, 버튼, 메인화면 완성하기  (0) 2019.05.27

https://youtu.be/RJLBF_7JqZY

Sample Download: http://bitly.kr/GeEA7


Blog Site Design part1
- 웹디자인 준비하기
- 폰트 수집하기

반응형

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

DESIGN 07 [ Blog site design part 3 ] 웹디자인 패턴가로줄 만들기, 그룹 및 레이어 생성 및 이름 작성하기  (0) 2019.05.27
DESIGN 06 [ Blog site design part 2 ] 웹디자인 준비하기, 자료수집하기, 폰트수집하기  (0) 2019.05.27
DESIGN 04 [Figma 4/4 ] 피그마! - 구글 material design 소스 활용, css 코드 확인하기, image 저장하기  (0) 2019.05.27
DESIGN 03 [Figma 3/4 ] 피그마! - 로그인 입력폼, 버튼, 메인화면 완성하기  (0) 2019.05.27
DESIGN 02 [Figma 2/4 ] 핫! 디자인 프로그램 피그마! -펜툴, 쉐이프, 컴토넌트  (0) 2019.05.27

https://youtu.be/94K5cot4GVs

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

[ 탭(tab)구현 방법 1 ]
- attr 활용
- hide, show

Code Editor: Notepad++
http://alikerock.tistory.com/
Twitter: #eztoweb
https://github.com/alikerock/ezweb

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

 

반응형

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

jQuery 19 [ TAB 3 ] 탭구현하기 방법 3 - jQueryUI 활용 방법, api documentation 옵션 활용하기  (0) 2019.04.30
jQuery 18 [ TAB 2 ] 탭구현하기 방법 2 - index(순번)활용 방법, show, hide, index, eq  (0) 2019.04.30
jQuery 16 [ Shrink Head ] 스크롤시 헤더고정하기 - 축소되는 헤더 shrinking header  (0) 2019.04.30
jQuery 15 [ 헤더 고정 고급 ] 스크롤시 다른 디자인 헤더 내려오기 - jquery 로 dom 요소 복사, 추가, 이동, 요소의 높이 확인하기  (0) 2019.04.30
jQuery 14 [ 헤더 고정 ] 스크롤시 헤더 고정하기 - sticky header, scroll event, offset  (0) 2019.04.30

+ Recent posts

티스토리툴바