Skip to content

Instantly share code, notes, and snippets.

View haimingpro's full-sized avatar

narumi haimingpro

1 follower · 6 following
View GitHub Profile
@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.

@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 / 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-Hamburger.markdown
Created January 15, 2015 02:18
Material Design Hamburger

Material Design Hamburger

Android's Material Design hamburger animation built in CSS (with a sprinkle of JS).

A Pen by Chris Wheatley on CodePen.

License.

@haimingpro
haimingpro / Google-Material-Design.markdown
Created January 15, 2015 02:22
Google Material Design

Google Material Design

Ripple and others using Polymer. It's just a clone of polymer-project.org/components/paper-ripple/demo.html

So that people can understand the value for polymers.

A Pen by Ray Ch on CodePen.

License.

@haimingpro
haimingpro / Material-design-preview.markdown
Created January 19, 2015 07:23
Material design preview

Material design preview

Just a short and small preview of Google's new material design principles and animation principles

A Pen by Petar on CodePen.

License.

@haimingpro
haimingpro / MAC-OSX-Dock.markdown
Created January 20, 2015 05:31
MAC OSX Dock
@haimingpro
haimingpro / Mac-Finder-(not-finished).markdown
Created January 20, 2015 05:32
Mac Finder (not finished)
@haimingpro
haimingpro / iOS-style-notifier-close-delete-new.markdown
Created January 20, 2015 05:35
iOS style notifier/close/delete/new

iOS style notifier/close/delete/new

iOS and Mac OSX icon notifiers/badges/banners etc. Open to constructive comments :D

A Pen by Gavin Cox on CodePen.

License.

@haimingpro
haimingpro / Material-Design.markdown
Created January 22, 2015 01:35
Material Design