From 92d1705ff390647fd4ca20a2b86219573b9d1047 Mon Sep 17 00:00:00 2001 From: "Rico Sta. Cruz" Date: Wed, 25 Jun 2014 12:30:29 +0800 Subject: [PATCH] . --- badges.md | 44 ++++++++++++++++++++- css.md | 59 +++++++++++++--------------- javascript-arrays.md => js-arrays.md | 0 less.md | 4 ++ 4 files changed, 73 insertions(+), 34 deletions(-) rename javascript-arrays.md => js-arrays.md (100%) create mode 100644 less.md diff --git a/badges.md b/badges.md index f619bf7a6..95fef511b 100644 --- a/badges.md +++ b/badges.md @@ -55,6 +55,10 @@ Here are some badges for open source projects. [![Gitter chat](https://badges.gitter.im/USER/REPO.png)](https://gitter.im/USER/REPO "Gitter chat") +[![Chat](http://img.shields.io/badge/gitter-rstacruz / nprogress-blue.svg)]( https://gitter.im/rstacruz/nprogress ) + + [![Chat](http://img.shields.io/badge/gitter-USER / REPO-blue.svg)]( https://gitter.im/USER/REPO ) + [![Development Dependency Status](https://david-dm.org/USER/REPO/dev-status.png?theme=shields.io)](https://david-dm.org/USER/REPO#info=devDependencies) [![Development Dependency Status](https://david-dm.org/USER/REPO/dev-status.png?theme=shields.io)](https://david-dm.org/USER/REPO#info=devDependencies) @@ -72,7 +76,43 @@ Here are some badges for open source projects. [![Issues](http://img.shields.io/github/issues/USER/REPO.svg)]( https://github.com/USER/REPO/issues ) __Questions__: ask them at StackOverflow with the tag *REPO*.
- [![StackOverflow](http://img.shields.io/badge/stackoverflow-REPO-brightgreen.svg)]( http://stackoverflow.com/questions/tagged/REPO ) + [![StackOverflow](http://img.shields.io/badge/stackoverflow-REPO-blue.svg)]( http://stackoverflow.com/questions/tagged/REPO ) __Chat__: join us at gitter.im.
- [![Chat](http://img.shields.io/badge/gitter.im-USER/REPO-brightgreen.svg)]( https://gitter.im/USER/REPO ) + [![Chat](http://img.shields.io/badge/gitter.im-USER/REPO-blue.svg)]( https://gitter.im/USER/REPO ) + +### Frontend js installation + + Installation + ------------ + + Add [nprogress.js] and [nprogress.css] to your project. + + ```html + + + ``` + + NProgress is available via [bower] and [npm]. + + $ bower install --save nprogress + $ npm install --save nprogress + + [![npm version](https://img.shields.io/npm/v/nprogress.png)](https://npmjs.org/package/nprogress "View this project on npm") + [bower]: http://bower.io/search/?q=nprogress + [npm]: https://www.npmjs.org/package/nprogress + +### Acknowledgements + + ## Thanks + + **Jsfuse** © 2014, Rico Sta. Cruz. Released under the [MIT License].
+ Authored and maintained by Rico Sta. Cruz with help from [contributors]. + + > [ricostacruz.com](http://ricostacruz.com)  ·  + > GitHub [@rstacruz](https://github.com/rstacruz)  ·  + > Twitter [@rstacruz](https://twitter.com/rstacruz) + + [MIT License]: License.md + [MIT License]: http://mit-license.org/ + [contributors]: http://github.com/rstacruz/nprogress/contributors diff --git a/css.md b/css.md index 17bd62ae9..00a729e10 100644 --- a/css.md +++ b/css.md @@ -6,15 +6,15 @@ layout: default Selectors --------- - = [attr="value"] - exact - ~= [class~="box"] - has word - |= [class|="icon"] - exact, or prefix (eg, value-) - $= [href$=".doc"] - ends in - *= [class*="-is-"] - contains + [attr="value"] /* = exact */ + [class~="box"] /* ~= has word */ + [class|="icon"] /* |= exact, or prefix (eg, value-) */ + [href$=".doc"] /* $= ends in */ + [class*="-is-"] /* *= contains */ - + adjacent sibling - ~ far sibling - > direct child + h3 + p /* + adjacent sibling */ + article ~ footer /* ~ far sibling */ + .container > .box /* > direct child */ :target (h2#foo:target) :disabled @@ -32,47 +32,42 @@ Selectors :only-child - Background ---------- ### Shorthand - background: - - # Example: - background: #ff0 url(bg.jpg) center top no-repeat fixed + background: #ff0 url(bg.jpg) center top 100px auto no-repeat fixed; + /* ^ ^ ^ ^ ^ ^ + color image position size repeat attachment */ ### Other properties - background-clip: border-box | padding-box | content-box [, ...]* - - background-repeat: no-repeat | repeat-x | repeat-y - - background-attachment: scroll | fixed | local - -### Compatibility - - - background-clip: IE9+ - - Multiple backgrounds: IE9+ + background-clip: border-box | padding-box | content-box [, ...]*; /* IE9+ */ + background-repeat: no-repeat | repeat-x | repeat-y; + background-attachment: scroll | fixed | local; + background: url(x), url(y); /* multiple (IE9+) */ Animations ---------- ### Shorthand - animation: + animation: bounce 300ms linear 100ms infinite alternate-reverse; + /* ^ ^ ^ ^ ^ ^ + name duration timing-function delay count direction */ # Example: - animation: bounce 300ms linear 0s infinite normal - animation: bounce 300ms linear infinite - animation: bounce 300ms linear infinite alternate-reverse + animation: bounce 300ms linear 0s infinite normal; + animation: bounce 300ms linear infinite; + animation: bounce 300ms linear infinite alternate-reverse; -### Other properties - - animation-direction: normal | reverse | alternate | alternate-reverse - - animation-iteration-count: infinite | + animation-name: bounce; + animation-delay: 100ms; + animation-duration: 300ms; + animation-direction: normal | reverse | alternate | alternate-reverse; + animation-iteration-count: infinite | ; + animation-timing-function: ease | linear | ease-in | ease-out | ease-in-out; Webkit extensions ----------------- diff --git a/javascript-arrays.md b/js-arrays.md similarity index 100% rename from javascript-arrays.md rename to js-arrays.md diff --git a/less.md b/less.md new file mode 100644 index 000000000..b7b2aead7 --- /dev/null +++ b/less.md @@ -0,0 +1,4 @@ +--- +title: Less +layout: default +---