Skip to content

Search for:

홈
웹(WEB)의 이해
HTML&CSS 실전대비
부트스트랩/반응형 웹
cafe24
모바일웹
동영상
Notice
- Notice
- 게시글

css 적용/작성 방법

사이트 제작시 유용한 사이트 모음

[Layout]
Flex 예시 : 바로가기
Header구조 : 바로가기
Tab 구조 : 바로가기
Navigation 구조 : 네비1, 네비2
Swiper 구조 : 바로가기

[반응형]
Header 구조 : 샘플1, 샘플2
Section 구조 : 바로가기

[PROJECT]
[css 다운받기]
Project_01 - [미리보기] [파일다운]
Project_02 - [미리보기] [파일다운]
Project_03 - [미리보기] [파일다운]
Project_04 - [미리보기] [파일다운]
Project_05 - [미리보기] [파일다운]

[ mousewheel.js ]
GITHUB: https://github.com/jquery/jquery-mousewheel

CDN: https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js

COMPONENT

[ w3schools]
https://www.w3schools.com

[아이콘 사이트]
아이콘 (SNS) : https://www.iconfinder.com
기본 아이콘 모음 : https://material.io/icons

[ico 파일변환 사이트]
https://www.hipdf.com/kr/png-to-ico

[웹폰트]
구글 웹폰트(korean) : https://fonts.google.com/?subset=korean
눈누 : https://noonnu.cc/

[ plugin ]
- Swiper : http://idangero.us/swiper
- Slick: http://kenwheeler.github.io/slick/
- ProgressBar : https://kimmobrunfeldt.github.io/progressbar.js/
- chart : https://www.chartjs.org
- JqueryUi : https://jqueryui.com/
- DateTimePicker : https://designlink.work/en-US/bootstrap-material-datepicker/

[modal]
- jQueryModal : https://jquerymodal.com/

[CDN]
jquery : https://code.jquery.com
normalize(css정규화) : https://cdnjs.com/libraries/normalize
meyer-resetcss초기화) : https://cdnjs.com/libraries/meyer-reset

[ ui/ux 라이브러리 ]
네이버 카드형 UI : https://github.com/naver/egjs-infinitegrid
(네이버참고자료 )

[폼 유효성검사 ]
jqeury validation : http://www.formvalidator.net/index.html

[정규표현식] https://regexr.com/

[구글 Device Metrics] https://material.io/tools/devices/

[웹표준/접근성 체크]
-html 웹표준 체크
- css 체크
- 웹 접근성 자가진단 테스트

Powered by WordPress and Tortuga.