Skip to content

Instantly share code, notes, and snippets.

@haimingpro
haimingpro / Flat-material-design-(ish)-buttons.markdown
Created January 8, 2015 07:31
Flat material design (ish) buttons

Flat material design (ish) buttons

Some simple flat buttons with a material design style effect on click and SVG icons

A Pen by Nick Pearson on CodePen.

License.

@haimingpro
haimingpro / Material-Design-Preloader.markdown
Created January 8, 2015 07:08
Material Design Preloader

Material Design Preloader

A CSS only solution that recreates the Material Design preloader; or, who needs jQuery anyway?

You should set aria-busy to false when your stuff is loaded.

Tests

Primarily tested in Safari 8 with VoiceOver on OS X 10.10 Yosemite.

Also tested in these browsers

@haimingpro
haimingpro / Material-Design-Drop-Animation.markdown
Last active August 29, 2015 14:13
Material Design Drop Animation

Material Design Drop Animation

A similar UI convention is found within Google's Material Design language; I just wanted to riff on that a bit. This doesn't use canvas.

A Pen by Jesse Couch on CodePen.

License.