(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.
| angular.module('myServices') | |
| .factory('visibilityBroadcaster', function($rootScope, $document, _) { | |
| var document = $document[0], | |
| features, | |
| detectedFeature; | |
| features = { | |
| standard: { | |
| eventName: 'visibilitychange', |
| <?xml version="1.0" encoding="utf-8"?><gexf version="1.1" xmlns="http://www.gexf.net/1.1draft" xmlns:viz="http://www.gexf.net/1.1draft/viz" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/2001/XMLSchema-instance"> | |
| <graph defaultedgetype="undirected" mode="static"> | |
| <attributes class="node" mode="static"> | |
| <attribute id="0" title="country_rank" type="integer" /> | |
| <attribute id="1" title="confederation" type="string" /> | |
| <attribute id="2" title="team_count" type="integer" /> | |
| <attribute id="3" title="country" type="string" /> | |
| <attribute id="4" title="premier" type="boolean" /> | |
| <attribute id="5" title="type" type="string" /> | |
| <attribute id="6" title="rank" type="integer" /> |
(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.
| var HEADER_NAME = 'MyApp-Handle-Errors-Generically'; | |
| var specificallyHandleInProgress = false; | |
| angular.module('myApp').factory('RequestsErrorHandler', ['$q', function($q) { | |
| return { | |
| // --- The user's API for claiming responsiblity for requests --- | |
| specificallyHandled: function(specificallyHandledBlock) { | |
| specificallyHandleInProgress = true; | |
| try { | |
| return specificallyHandledBlock(); |
| /** | |
| * A mixin which helps you to add depth to elements according to the Google Material Design spec: | |
| * http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality | |
| * | |
| * Please note that the values given in the specification cannot be used as is. To create the same visual experience | |
| * the blur parameter has to be doubled. | |
| * | |
| * Author: Florian Kutschera (@gefangenimnetz), Conceptboard GmbH (@conceptboardapp) | |
| * | |
| * Example usage: |
| "C:\Program Files\Neo4j Community\jre\bin\java" -cp "C:\Program Files\Neo4j Community\bin\neo4j-desktop-3.0.2.jar" \ | |
| org.neo4j.tooling.ImportTool %* |
| <form id="contact-form" action="//formspree.io/your@email.com" method="post"> | |
| <input type="text" name="Name" placeholder="Name" required> | |
| <input type="email" name="Email" placeholder="Email" required> | |
| <textarea name="Message" cols="30" rows="6" placeholder="Message" required></textarea> | |
| <!-- CONFIG --> | |
| <input class="is-hidden" type="text" name="_gotcha"> | |
| <input type="hidden" name="_subject" value="Subject"> | |
| <input type="hidden" name="_cc" value="email@cc.com"> | |
| <!-- /CONFIG --> | |
| <input class="submit" type="submit" value="Send"> |
| /* | |
| Copy this into the console of any web page that is interactive and doesn't | |
| do hard reloads. You will hear your DOM changes as different pitches of | |
| audio. | |
| I have found this interesting for debugging, but also fun to hear web pages | |
| render like UIs do in movies. | |
| */ | |
| const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |