Skip to content
This repository has been archived by the owner on Mar 14, 2024. It is now read-only.

Latest commit

 

History

History
105 lines (73 loc) · 4.9 KB

index.md

File metadata and controls

105 lines (73 loc) · 4.9 KB
Raw
layout title description authors date updated
layouts/blog-post.njk
New Release of Material Design Lite - 1.0.4
There is a new release of Material Design Lite, bringing a host of bug fixes and improvements to the build process.
addyosmani
2015-08-20
2018-07-31
{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/CzUP4XLMMFBma2X6M0AL.jpg", alt="Material Design Lite website", width="800", height="449" %}

Material Design Lite 1.0.3 (and a regression fixing 1.0.4) are out! This release has focused on library, templates, docs and build process fixes. We’ve had over 140 commits from our many contributors since our last release. Heck yes.

Here are some of the highlights:

  • #1256. Fix issues with programmatic updates to sliders.
  • #1281. Fix icon alignment inside buttons with text.
  • #1285. Fix radio button positioning.
  • #1309 and #1365. Add IIFE wrapping and documentation to component classes.
  • #1373. Remove documentation styling that was accidentally included in MDL.
  • #1406. Fix menu behavior after hiding.
  • Fixes to hamburger menu and drawer for certain layout combinations.
  • Many improvements and fixes to documentation.
  • Several improvements and fixes to library build process.
  • Several improvements to templates, including accessibility fixes.
  • Improvements to MDL testing, including the addition of memory leak tests.

For a complete breakdown, check out the release changelog and the 1.0.3 and 1.0.4 milestones.

Download Material Design Lite

Download the latest release with our source code, compiled assets and docs as a ZIP file.

This also contains our Sass sources and Gulpfile for anyone that wants to build their own version. Don’t forget we’re available on npm as well.

Material Design Lite CDN

After you’ve reviewed the changelog, update your CDN paths to the following:

<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">

Built with MDL

It's been exciting to hear users share sites they've seen using MDL in the wild. Some of the newer ones using MDL this month include:

Hits e Beats

{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/7FR8c74UKp7aDPCDSx8r.jpg", alt="Hits E Beats website screenshot", width="800", height="449" %} {% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/hJprrMHVuUwX8zATXRpR.jpg", alt="Hits E Beats website screenshot", width="800", height="445" %}

TryColors

{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/S2KQ1dQWU0ZlxkUrGviN.jpg", alt="Try Colors screenshot", width="800", height="476" %}

ABC.es

{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/YNtohuYPiSVbva0F4Oas.jpg", alt="ABC.es website screenshot", width="800", height="447" %} {% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/43W4H7qiD8e7wyyJ50xf.jpg", alt="ABC.es website screenshot", width="800", height="447" %}

London RIB Voyages Mobile

{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/9fqWTXkwm7MFsZac4CMM.jpg", alt="Rib Voyages website screenshot", width="800", height="455" %}

and we're of course more than happy to see some sites just using custom builds of individual components. Settled.co.uk for example uses the MDL slider:

{% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/2JMD2rAA8C8IXjVDzEvv.jpg", alt="Settled website screenshot", width="800", height="456" %} {% Img src="image/T4FyVKpzu4WKF1kBNvXepbi08t52/izVVEn86SWp1eu9Wnmyd.png", alt="Slider example screenshot", width="800", height="411" %}

Want to share your awesome MDL projects with us? File a new issue on our GitHub issue tracker. The issue should include a link, a description of the site and a suggested screenshot.

Until next time, rock on!

With many heartz,

The MDL contributors