| HTML5 - 04 [HTML 문서 기초 4] 뷰포트설정하기, viewport, HTML 관습 convention, 자동으로 페이지 이동하기 (0) | 2019.05.02 |
|---|---|
| HTML5 - 002 [ HTML 문서 기초 2 ] 태그의 구조, 언어설정, 글자집합, Charset, 웹표준 검사 (0) | 2019.05.02 |
| HTML5 - 09 [ FORM ] 회원가입 폼 만들기 3 체크박스, 라디오 버튼, 파일선택, 텍스트입력, 전송버튼 (0) | 2019.01.08 |
| HTML5 - 08 [ FORM ] 회원가입 폼 만들기 2, date, select, checkbox (0) | 2018.12.14 |
| HTML5 - 07 [ FORM ] 회원가입 폼 만들기, input, text, email (0) | 2018.12.14 |
Sample 2(pager): https://codepen.io/alikerock/pen/rmRqxz
- Pager(페이저)로 컨트롤하기
- 좌우 컨트롤이동시 페이저 활성화하기
Code Editor: Microsoft visual studio code
Twitter: #eztoweb
https://github.com/alikerock/ezweb
#siema, #코딩, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
Sample 1(control) : https://codepen.io/alikerock/pen/RVBxZo
Sample 2(pager): https://codepen.io/alikerock/pen/rmRqxz
- Siema Option
- var 와 const의 차이
- 자동슬라이드 구현하기
- 나만의 함수 만들기
- 지역변수, 전역변수
- Pager(페이저)로 컨트롤하기
Code Editor: Microsoft visual studio code
Twitter: #eztoweb
https://github.com/alikerock/ezweb
#siema, #코딩, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
Sample : https://codepen.io/alikerock/pen/VbBrVo
- Siema Option
- siema 기본 사용법
- 드래그(스와이프) 조절
Code Editor: Microsoft visual studio code
Twitter: #eztoweb
https://github.com/alikerock/ezweb
#siema, #코딩, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
Sample Download: http://bitly.kr/WICx
- Youtube 비디오
- vimeo 비디오
- iframe
Code Editor: Microsoft visual studio code
Twitter: #eztoweb
https://github.com/alikerock/ezweb
#youtube, #iframe, #코딩, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
Sample Download: http://bitly.kr/DaJHS
- 크로스 브라우징
- 모더나이저
- 크롬, 파이어폭스, IE
Code Editor: Microsoft visual studio code
Twitter: #eztoweb
https://github.com/alikerock/ezweb
#Mordernizr, #모더나이저, #코딩, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
Sample Download: http://bitly.kr/a57xb
- Node js
- npm
- bower, yarn
Code Editor: Microsoft visual studio code
Twitter: #eztoweb
https://github.com/alikerock/ezweb
#yarn, #package, #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
Sample Download: http://bitly.kr/0jKSn
- 브라우저크기에 따라 비율을 유지하면서 전체화면 채우기
- 이미지, 비디오
Code Editor: Microsoft visual studio code
Twitter: #eztoweb
https://github.com/alikerock/ezweb
#jquery, #full width, #full height, #video, #image #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
Sample Download: http://bitly.kr/6MHroq
- Email Select & Number Count
- 이메일 선택 변경하기
- 장바구니 갯수 변경 합계 변경하기
Code Editor: Microsoft visual studio code
Twitter: #eztoweb
https://github.com/alikerock/ezweb
#jquery, #number, #animate, #animation #웹디자인, #웹퍼블리셔, #프론트엔드, #웹디자인기능사
