Material Design Lite 신규 출시 - 1.0.4

Addy Osmani
Addy Osmani

Material Design Lite 웹사이트

Material Design Lite 1.0.3 (및 회귀 수정 1.0.4)이 출시되었습니다. 이 릴리스에서는 라이브러리, 템플릿, 문서 및 빌드 프로세스 수정 사항에 중점을 두었습니다. 지난 출시 이후 수많은 재능기부자들이 보내 주신 약정은 140건이 넘습니다. 맞아요.

주요 기능은 다음과 같습니다.

  • #1256. 슬라이더의 프로그래매틱 업데이트 관련 문제를 해결합니다.
  • #1281. 버튼 내부의 텍스트와 텍스트 정렬 문제를 수정했습니다.
  • #1285. 라디오 버튼 위치를 수정합니다.
  • #1309 및 #1365. 구성요소 클래스에 IIFE 래핑 및 문서를 추가합니다.
  • #1373. 실수로 MDL에 포함된 문서 스타일 지정을 삭제했습니다.
  • #1406. 숨김 후 메뉴 동작을 수정합니다.
  • 특정 레이아웃 조합의 햄버거 메뉴 및 창이 수정되었습니다.
  • 문서가 많이 개선되고 수정되었습니다.
  • 라이브러리 빌드 프로세스가 몇 가지 개선되고 수정되었습니다.
  • 접근성 수정을 포함하여 템플릿의 몇 가지 개선사항이 있습니다.
  • 메모리 누수 테스트 추가를 포함하여 MDL 테스트가 개선되었습니다.

전체 분석은 버전 변경 로그1.0.31.0.4 마일스톤을 확인하세요.

Material Design Lite 다운로드

Google의 소스 코드, 컴파일된 애셋, 문서를 ZIP 파일로 포함하는 최신 버전을 다운로드합니다.

여기에는 자체 버전을 빌드하려는 사용자를 위한 Sass 소스 및 Gulpfile도 포함되어 있습니다. npm에서도 사용할 수 있습니다.

Material Design Lite CDN

변경 로그를 검토한 후 CDN 경로를 다음과 같이 업데이트합니다.

<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.4/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.4/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

MDL로 빌드

실제로 MDL을 사용하는 사이트를 발견한 사용자들이 공유한다는 소식을 듣게 되어 무척 기쁩니다. 이번 달에 MDL을 사용하는 최신 사례는 다음과 같습니다.

히트 및 비트

Hits E Beats 웹사이트 스크린샷
Hits E Beats 웹사이트 스크린샷

TryColors

색상 스크린샷 사용해 보기

ABC.es

ABC.es 웹사이트 스크린샷
ABC.es 웹사이트 스크린샷

런던 RIB Voyages Mobile

Rib Voyages 웹사이트 스크린샷
물론 일부 사이트는 개별 구성요소의 맞춤 빌드만 사용하는 것으로 확인되었습니다. 예를 들어 Settled.co.uk는 MDL 슬라이더를 사용합니다.
해결된 웹사이트 스크린샷
슬라이더 예시 스크린샷

멋진 MDL 프로젝트를 공유하고 싶으신가요? GitHub Issue Tracker에서 새 문제를 제출합니다. 문제에는 링크, 사이트 설명, 추천 스크린샷이 포함되어야 합니다.

다음에 또 만나요!

진심으로 감사합니다.

MDL contributors