Nick Grocer (Developer Supporter at Google) recently published the original source code intended for Plaid, a good app designed to showcase materials design upon Android along with playful animated graphics, impeccable typography, and a basic, bold aesthetic. The particular code will give you useful good examples for programmers, but the application itself will be worth keeping set up too – Plaid pulls tales from Developer News, Dribbble, and Item Hunt in order to serve up style news plus inspiration, crafted to your choices.


plaid_demo


Apart from more regular material components, the application has a couple of unique methods. Specifically, the particular toolbar is definitely at the rear of the content instead of lying along with it, producing the moving action around the main main grid a little more elegant. Floating actions buttons rouse,stimulate into dialogs when essential. Swiping lower at the top of the screen will get you returning to the main main grid (similar in order to Inbox). Header imagery reaches reserve its very own chunk associated with real estate once the user scrolls down, plus Plaid utilizes Chrome customized tabs intended for news content.


Oh, plus it solves the particular 4dp primary grid problem. For those not familiar, Google indicates aligning textual content baselines to some 4dp main grid on Google android. But that isn’t possible out from the box. Roboto’s default collection height is not going to align regularly to a 4dp grid upon every gadget, and Google android only offers android: lineSpacingExtra and google android: lineSpacingMultiplier to modify lineheight around the normal TextView (so basically setting the particular lineheight to some specific dp value plus calling this a day beyond the question). Plaid expands the TextView to solve this issue, and the outcome is lovely.


Screenshot_20151030-003002-1


Screenshot made with Keyline Pushing


Regardless of whether you’re the designer, the developer, or even both, Plaid is worth a glance. You can get it (in beta) in the Play Shop or browse the code upon Github.