반응형
250x250
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
Tags
- 서버
- 웹디자인예제
- 포트폴리오
- pgpool
- html5디자인예제
- html5기초예제
- html5포트폴리오예제
- NFT
- 솔라나NFT
- html5배경만들기
- NFT솔라나
- solanaNFT
- HTML5
- 솔라나cookbook
- html5글자효과
- 웹디자인
- html5웹디자인
- grpc
- html5기초
- 이중화
- html5popup
- 웹예제
- 솔라나
- NFT개발
- 솔라나개발
- 포트폴리오예제
- html5웹디자인예제
- nft예제
- PostgresSQL
- html5예제
Archives
- Today
- Total
Scikit Web
006 - 안드로이드 처럼 웹 디자인 하기(Material Design Kit) 본문
728x90
반응형
구글 안드로이드에는 Material Design 이라는 것이 반영되어 있습니다.
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
material.io
사이트에서 공식적으로 사용하는 방법 및 예제가 있습니다. 웹용으로는 모바일보단 Component 가 적지만
Material Design 을 기반으로 만들어진 무료 템플릿도 많이 있어서 참고하시어 사용하시면 됩니다.
다음 예제는 Material Design Kit을 설치하고 Table 과 Button 을 사용한 예제 입니다.
See the Pen 006 - 안드로이드 처럼 웹 디자인 하기(Material Design Kit) by Keun (@kwyuk) on CodePen.
728x90
반응형
'웹디자인 고급 > HTML5' 카테고리의 다른 글
| 008 - 애니메이션 배경 만들기 TS Particle (0) | 2022.05.19 |
|---|---|
| 007 - Canvas Tree Fractal (0) | 2022.05.12 |
| 005 - 슬라이더(Carousel) 라이브러리 Slick (0) | 2022.05.05 |
| 004 - html5 네이버 처럼 중간 고정 화면 만들기 (0) | 2022.05.04 |
| 003 - html5 모바일 화면에 최적화된 화면 (0) | 2022.04.30 |
'웹디자인 고급/HTML5' Related Articles
more
Comments