Skip to content

Instantly share code, notes, and snippets.

View 2947721120's full-sized avatar

炎木 2947721120

  • 炎木
  • 中国,安徽,合肥
View GitHub Profile
@2947721120
2947721120 / index.html
Created April 13, 2017 00:57
Phone and Contact Listing
<body>
<div class="lightbox-blanket">
<div class="pop-up-container">
<div class="pop-up-container-vertical">
<div class="pop-up-wrapper">
<div class="phone-wrapper">
<div class="phone-pad">
<div class="phone-pad-input-panel">
<div class="phone-pad-input-add"><i class="fa fa-plus"></i></div>
<div class="phone-pad-input-text">
@2947721120
2947721120 / designer.html
Last active September 18, 2016 18:43
designer
<link rel="import" href="../paper-calculator/paper-calculator.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
@2947721120
2947721120 / index.html
Created August 13, 2016 06:19
Simple QR Code
<p>https://github.com/jeromeetienne/jquery-qrcode (呈现表)</p>
<div id="qrcodeTable"></div>
<p>http://jeromeetienne.github.io/jquery-qrcode (渲染画布)</p>
<div id="qrcodeCanvas"></div>
@2947721120
2947721120 / index.html
Created August 13, 2016 04:38
Material Dashboard
<div id="wrapper">
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

Material Color Picker

I came across this Dribbble shot a little while back and thought it'd be fun to build out for myself. Yes, I am aware there's already a Mac app for it.

I used knockout.js to let the data control the markup, and used currentColor to make the styles a little more elegant. I also added in clipboard.js to make it nice and easy to grab colors.

Suggestions welcome! Especially for how to make the "copy to clipboard" part a little more interesting, as well as any ways to improve/automate text contrast on some of the darker colors.

A Pen by 杨俊 on CodePen.

@2947721120
2947721120 / Android Address Book with AngularJs and MongoDB.markdown
Last active July 10, 2016 18:55
Android Address Book with AngularJs and MongoDB
@2947721120
2947721120 / Contact form.markdown
Last active July 10, 2016 09:59
发邮件给我,动画表单效果