| function hostReachable() { | |
| // Handle IE and more capable browsers | |
| var xhr = new ( window.ActiveXObject || XMLHttpRequest )( "Microsoft.XMLHTTP" ); | |
| var status; | |
| // Open new request as a HEAD to the root hostname with a random param to bust the cache | |
| xhr.open( "HEAD", "//" + window.location.hostname + "/?rand=" + Math.floor((1 + Math.random()) * 0x10000), false ); | |
| // Issue request and handle response |
When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.
Raw Attribute Strings
<div my-directive="some string" another-param="another string"></div>
| (function() { | |
| var CSSCriticalPath = function(w, d, opts) { | |
| var opt = opts || {}; | |
| var css = {}; | |
| var pushCSS = function(r) { | |
| if(!!css[r.selectorText] === false) css[r.selectorText] = {}; | |
| var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/); | |
| for(var i = 0; i < styles.length; i++) { | |
| if(!!styles[i] === false) continue; | |
| var pair = styles[i].split(": "); |
W3C Introduction to Web Components - explainer/overview of the technologies
I once wrote about implementing your own decoupled architecture for building large-scale apps, inspired by some of the work Nicolas Zakas did at Yahoo and I at AOL.
It included suggestions such as breaking down your app into small, highly-reusable components which were easier to maintain. These components would communicate (or react) to each each other by means of an event messaging bus or mediator. A permission model would ensure that components could only speak to parts of the system they were allowed to and facade patterns (abstraction APIs) let you switch out one utility library for another as needed.
A few years have passed since then and luckily standards-based web platform primitives started to appear to help with a similar set of problems. To say that this has been exciting to see evolve would be an under-statement.
| # delete local tag '12345' | |
| git tag -d 12345 | |
| # delete remote tag '12345' (eg, GitHub version too) | |
| git push origin :refs/tags/12345 | |
| # alternative approach | |
| git push --delete origin tagName | |
| git tag -d tagName |
| #!/usr/bin/env bash | |
| # MIT © Sindre Sorhus - sindresorhus.com | |
| # git hook to run a command after `git pull` if a specified file was changed | |
| # Run `chmod +x post-merge` to make it executable then put it into `.git/hooks/`. | |
| changed_files="$(git diff-tree -r --name-only --no-commit-id ORIG_HEAD HEAD)" | |
| check_run() { | |
| echo "$changed_files" | grep --quiet "$1" && eval "$2" |
| // I have a Backbone model where I need to use the same API_URL variable | |
| // on the server and client. With Sharify it looks something like this... | |
| // app.js | |
| sharify.data = { API_URL: 'http://artsy.net/api/v1' }; | |
| app.use(sharify); | |
| // models/artwork.js | |
| var Backbone = require('backbone'), | |
| API_URL = require('sharify').data.API_URL; |
| // Highlights all custom elements on the page. | |
| // 7/31/2016: updated to work with both shadow dom v0 and v1. | |
| // To create a bookmarklet, use http://ted.mielczarek.org/code/mozilla/bookmarklet.html | |
| var allCustomElements = []; | |
| function isCustomElement(el) { | |
| const isAttr = el.getAttribute('is'); | |
| // Check for <super-button> and <button is="super-button">. | |
| return el.localName.includes('-') || isAttr && isAttr.includes('-'); |
