(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| /* ******************************************************************************************* | |
| * THE UPDATED VERSION IS AVAILABLE AT | |
| * https://github.com/LeCoupa/awesome-cheatsheets | |
| * ******************************************************************************************* */ | |
| // 0. Synopsis. | |
| // http://nodejs.org/api/synopsis.html |
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| # svg2pjs - SVG to Processing.JS converter | |
| import re | |
| def command(s, last=None, lastcp=None, scale=1.0): | |
| first = s[0] | |
| absolute = first.istitle() | |
| first = first.lower() | |
| if first == 'z': |
| // set the default amount of items being displayed | |
| $scope.limit= 5; | |
| // loadMore function | |
| $scope.loadMore = function() { | |
| $scope.limit = $scope.items.length | |
| } |
| Please note this script has moved: https://github.com/EsotericSoftware/spine-scripts |
| <button class="pay">Pay</button> | |
| <script src="https://checkout.stripe.com/checkout.js"> | |
| <script> | |
| var handler = StripeCheckout.configure({ | |
| key: window.STRIPE_PUBLICK_KEY, | |
| image: 'https://yourlogo.png', | |
| locale: 'auto', | |
| token: function(token) { | |
| $('.pay').prop("disabled", true); |
| //good article about some tips http://css.yoksel.ru/funny-little-console/ | |
| //https://stackoverflow.com/questions/7505623/colors-in-javascript-console/21457293 | |
| //In Chrome & Firefox (+31) you can add CSS in console.log messages: | |
| console.log('%c Oh my heavens! ', 'background: #222; color: #bada55'); | |
| console.log('%c%s', 'color: red; background: yellow; font-size: 24px;', 'WARNING!'); | |
| //normal output: | |
| console.log ( 'String:', {a: 'object, or any kind of type here'}, ['and you can use it like args'] ); |
| /* Material Design Adaptive Breakpoints */ | |
| /* | |
| Below you'll find CSS media queries based on the breakpoint guidance | |
| published by the Material Design team. You can choose to use, customise | |
| or remove these breakpoints based on your needs. | |
| http://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-breakpoints | |
| */ | |
| /* mobile-small */ |
| # iOS | |
| app_identifier "com.myapp.app" # The bundle identifier of your app | |
| apple_id "[email protected]" # Your Apple email address | |
| team_id "1234ABCD" # Developer Portal Team ID | |
| # Android | |
| json_key_file "./google-play-api-secret.json" # Path to the json secret file - Follow https://github.com/fastlane/supply#setup to get one | |
| package_name "com.myapp.app" # Your Android app package |
| <html> | |
| <head> | |
| <script src="https://www.gstatic.com/firebasejs/3.0.0/firebase.js"></script> | |
| <title>ZeroToApp</title> | |
| <style> | |
| #messages { width: 40em; border: 1px solid grey; min-height: 20em; } | |
| #messages img { max-width: 240px; max-height: 160px; display: block; } | |
| #header { position: fixed; top: 0; background-color: white; } | |
| .push { margin-bottom: 2em; } | |
| @keyframes yellow-fade { 0% {background: #f2f2b8;} 100% {background: none;} } |