테스트 사이트 - 개발 중인 베타 버전입니다

MDL (Material Design Lite)

· 10년 전 · 3136 · 11

구글의 메터리얼 디자인을, 폴리머 처럼 최신 웹 기술을 사용하지 않고, css, js로가볍게 (lite) 구현한 일종의 라이브러리이네요.

 

http://www.getmdl.io/ 

사용하기 좋게 템플릿 몇개도 제공하고요..

 

   

 

   

 

 

특히, 메터리얼 디자인의 색 조합을 할 수 있도록 제공하는 커스터마이징은, 색 조합 바보인 저에겐 딱이네요.. ㅎㅎ

 

일반적인 코드는

 

<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect">
  Button
</button> 

 

처럼 mdl- 머릿단어가 붙은 클래스로 지정하고, 네이밍은 BEM (Block, Element, Modifier) 규칙?을 사용했다고 합니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 11개

우리도 다음주 대학교하나 들어 가는데 아무래도 관공서 형태로 가겠다는 생각이 드네요.

게시글 목록

번호 제목
301
297
292
291
290
288
284
282
281
반응형화 플레스박스_1
276
264
251
239
237
234
226
224
223
220
216
211
203
194
190
179
168
157
154
148
142
반응형화 안녕하세요 5