Skip to content

Instantly share code, notes, and snippets.

View xiaoF's full-sized avatar

小傅 xiaoF

10 followers · 13 following
View GitHub Profile
@xiaoF
xiaoF / phonegap_download_example.html
Created March 26, 2014 06:02 — forked from nathanpc/phonegap_download_example.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<!-- Android
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta charset="utf-8">-->
<!-- iPad/iPhone specific css below, add after your main css >
@xiaoF
xiaoF / Responsive Mail UI.markdown
Created May 28, 2015 06:27
Responsive Mail UI

Responsive Mail UI ('-' * 18) Credit for design goes to Vivek Venkatraman: http://dribbble.com/shots/1455744-Email-Concept/

Check it out in full view to see it's responsiveness. It's responsive until pretty darn small but i haven't actually tested it on mobile devices. Tested in IE9+, latest Chrome and Firefox.

I've noticed the message (slide-in section) is some times visible on page load. If that's the case just reload the page, that's a browser bug.

A Pen by Nicklas Sandell on CodePen.

@xiaoF
xiaoF / Elastic stroke CSS + SVG.markdown
Created May 28, 2015 06:28
Elastic stroke CSS + SVG
@xiaoF
xiaoF / CSS Mars Landing.markdown
Created May 28, 2015 06:28
CSS Mars Landing

CSS Mars Landing ('-' * 16) A little animation of a spaceship landing on what may not have been an uninhabited planet.

A Pen by Mathew Gitchell on CodePen.

License.

@xiaoF
xiaoF / Redirecting Loader.markdown
Created May 28, 2015 06:28
Redirecting Loader
@xiaoF
xiaoF / index.html
Created November 13, 2015 10:49 — forked from anonymous/index.html
Angular Formly Example // source http://jsbin.com/gomoro
<!DOCTYPE html>
<html>
<head>
<!-- Twitter bootstrap -->
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<!-- apiCheck is used by formly to validate its api -->
<script src="http://npmcdn.com/api-check@latest/dist/api-check.js"></script>
@xiaoF
xiaoF / index.html
Created November 13, 2015 11:00 — forked from anonymous/index.html
Angular Formly Example // source http://jsbin.com/zaqeke
<!DOCTYPE html>
<html>
<head>
<!-- Twitter bootstrap -->
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet">
<!-- apiCheck is used by formly to validate its api -->
<script src="http://rawgit.com/kentcdodds/api-check/latest/dist/api-check.js"></script>
<!-- This is the latest version of angular (at the time this template was created) -->
@xiaoF
xiaoF / index.html
Created November 13, 2015 11:01 — forked from anonymous/index.html
Angular Formly Example // source http://jsbin.com/hehedo/7
<!DOCTYPE html>
<html>
<head>
<!-- Twitter bootstrap -->
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<!-- apiCheck is used by formly to validate its api -->
<script src="http://npmcdn.com/api-check@latest/dist/api-check.js"></script>
<!-- This is the latest version of angular (at the time this template was created) -->
@xiaoF
xiaoF / index.html
Created November 13, 2015 11:05 — forked from anonymous/index.html
Angular Formly Example // source http://jsbin.com/kezuwiguzi
<!DOCTYPE html>
<html>
<head>
<!-- Twitter bootstrap -->
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<!-- apiCheck is used by formly to validate its api -->
<script src="http://npmcdn.com/api-check@latest/dist/api-check.js"></script>
<!-- This is the latest version of angular (at the time this template was created) -->
@xiaoF
xiaoF / index.html
Created November 13, 2015 11:07 — forked from anonymous/index.html
Angular Formly Example // source http://jsbin.com/gimipu
<!DOCTYPE html>
<html>
<head>
<!-- Twitter bootstrap -->
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<!-- apiCheck is used by formly to validate its api -->
<script src="http://npmcdn.com/api-check@latest/dist/api-check.js"></script>