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 동영상
- jQuery 46 [ MerializeCSS ] 머티리얼라이즈 라이브러리- 그리드, 버튼애니메이션, 플로팅 버튼, 슬라이드쇼 2019.06.05
- jQuery 45 [ 햄버거 버튼 - 풀페이지 네비게이션] Hamburger Menu Icon, full page navigation 2019.06.05
- jQuery 44 [ 햄버거 버튼 애니메이션 ] Hamburger Menu Icon to Cross 2019.06.05
- wordpress 05 [ theme Basic #5 ] 워드프레쓰 메뉴 구현하기 2019.06.05
- wordpress 04 [ theme Basic #4 ] 워드프레쓰 첫페이지 구현하기, 템플리 위계 이해하기 2019.06.05
- wordpress 03 [ them Basic #3 ] 워드프레쓰 테마만들기 기초, header.php css 경로 설정하기, sidebar 설정하기 2019.06.05
- wordpress 02 [ Theme Basic #2 ] 워드프레쓰 테마 만들기 기초, 테마구조 이해하기, codex.wordpress.org 사이트 참조하기 2019.06.05
- wordpress 01 [ Theme Basic #1 ] 워드프레쓰 테마 만들기 기초, 호스팅신청, 워드프레쓰 설치, 테마구조이해하기, 심플 테마 만들기 2019.06.05
- DESIGN 09 [ Blog site design part 5 ] 헤더 제목 작성하기, color overlay, stroke, paragraph 2019.06.05
- DESIGN 08 [ Blog site design part 4 ] 마스크적용하기, 웹디자인 보정 레이어, 컬러 오버레이, 고스트 버튼, 정렬하기 2019.05.27
jQuery 46 [ MerializeCSS ] 머티리얼라이즈 라이브러리- 그리드, 버튼애니메이션, 플로팅 버튼, 슬라이드쇼
예제 링크 : https://codepen.io/alikerock/pen/bjzzab
햄버거 버튼 애니메이션
에디터: codepen
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#full page, #hanburger, #햄버거, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
'Youtube 동영상 > javascript & jQuery' 카테고리의 다른 글
jQuery 44 [ 햄버거 버튼 애니메이션 ] Hamburger Menu Icon to Cross
예제 링크 : https://codepen.io/alikerock/pen/WKPPje
햄버거 버튼 애니메이션
에디터: codepen
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#hanburger, #햄버거, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
'Youtube 동영상 > javascript & jQuery' 카테고리의 다른 글
wordpress 05 [ theme Basic #5 ] 워드프레쓰 메뉴 구현하기
Theme Basic #1 예제에서부터 진행 바랍니다.
(Please start from the Theme Basic #1 Sample)
- codex 참조하기
- function 작성하기
- 메뉴 출력하기
#wordpress, #CMS, #theme building, #codex
'Youtube 동영상 > CMS' 카테고리의 다른 글
wordpress 04 [ theme Basic #4 ] 워드프레쓰 첫페이지 구현하기, 템플리 위계 이해하기
Theme Basic #1 예제에서부터 진행 바랍니다.
(Please start from the Theme Basic #1 Sample)
- css 경로설정하기
- header.php
- sidebar.php
- wordpress cheat sheet.pdf (http://www.buildyourownblog.net/wordpress-cheat-sheet.pdf)
#wordpress, #CMS, #theme building, #codexTheme Basic #1 예제에서부터 진행 바랍니다.
(Please start from the Theme Basic #1 Sample)
- 테마의 위계
- 초기화면 만들기 3가지 방법
#wordpress, #CMS, #theme building, #codex
'Youtube 동영상 > CMS' 카테고리의 다른 글
wordpress 03 [ them Basic #3 ] 워드프레쓰 테마만들기 기초, header.php css 경로 설정하기, sidebar 설정하기
Theme Basic #1 예제에서부터 진행 바랍니다.
(Please start from the Theme Basic #1 Sample)
- css 경로설정하기
- header.php
- sidebar.php
- wordpress cheat sheet.pdf (http://www.buildyourownblog.net/wordpress-cheat-sheet.pdf)
#wordpress, #CMS, #theme building, #codex
'Youtube 동영상 > CMS' 카테고리의 다른 글
wordpress 02 [ Theme Basic #2 ] 워드프레쓰 테마 만들기 기초, 테마구조 이해하기, codex.wordpress.org 사이트 참조하기
Theme Basic #1 예제에서부터 시청 바랍니다.
(Please start from the Theme Basic #1 Sample)
- 워프프레스 테마 구조
- codex.wordpress.org 참조 작성하기
- index.php
- header.php
- footer.php
#wordpress, #CMS, #theme building, #codex
'Youtube 동영상 > CMS' 카테고리의 다른 글
wordpress 01 [ Theme Basic #1 ] 워드프레쓰 테마 만들기 기초, 호스팅신청, 워드프레쓰 설치, 테마구조이해하기, 심플 테마 만들기
Sample Download: http://bitly.kr/Bft8sQ
- 닷홈 호스팅 신청하기
- 워드프레쓰 설치하기
- 워드프레쓰 테마구조
- Post, Page
#wordpress, #CMS, #theme building
'Youtube 동영상 > CMS' 카테고리의 다른 글
DESIGN 09 [ Blog site design part 5 ] 헤더 제목 작성하기, color overlay, stroke, paragraph
Blog site design part1예제 (DESIGN 05)에서 이어서 학습해주세요.
Blog Site Design part 5
이미지 텍스트 믹스
가독성 올리기
고스트 버튼
'Youtube 동영상 > web design' 카테고리의 다른 글
DESIGN 08 [ Blog site design part 4 ] 마스크적용하기, 웹디자인 보정 레이어, 컬러 오버레이, 고스트 버튼, 정렬하기
Blog site design part1예제 (DESIGN 05)에서 이어서 학습해주세요.
Blog Site Design part 4
- 클리핑 마스크
- 레이어 마스크
- 보정 레이어 사용하기
- 컬러 오버레이
- 고스트 버튼 만들기
- 정렬하기