surma

// Implements stale-while-revalidate
self.addEventListener('fetch', event => {
  const cached = caches.match(event.request);
  const fetched = fetch(event.request);
  const fetchedCopy = fetched.then(resp => resp.clone());

  // Call respondWith() with whatever we get first.
  // If the fetch fails (e.g disconnected), wait for the cache.
  // If there’s nothing in cache, wait for the fetch. 
  // If neither yields a response, return a 404.

telekosmos

var uniqueArray = function(arrArg) {
  return arrArg.filter(function(elem, pos,arr) {
    return arr.indexOf(elem) == pos;
  });
};

var uniqEs6 = (arrArg) => {
  return arrArg.filter((elem, pos, arr) => {
    return arr.indexOf(elem) == pos;
  });

mattmcmanus

React Best Practices - Lessons learned after a couple months of using React

These are some things I've found helpful after doing React for a couple months. It's possible these practices are short sighted and will cause other problems, I just haven't hit those bumps in the road yet.

This list started after reading this phenomincal article on React Tips and Best Practicies.

1. Always define your propTypes. Always.

Think of propTypes as a love letter to whatever developer will work on a component after you. Your components should be as declarative as possible. React's error messaging is so clear and helpful and this will make things so much easier.

gerardroche

#!/bin/sh

set -e
unset CDPATH
unset IFS

show_usage() {
    cat <<USAGE
Usage: [PROJECTS_PATH=<PATH>] $(basename "$0") [--exclude-sessions] [--exclude-workspaces]

bennadel

<!-- BEGIN: Pre-Bootstrap Loading Screen. -->
<div ng-if="false">

	<p>
		This will show until the application is bootstrapped.
		Then, the ngIf directive will immediately rip it out of
		the page.
	</p>

</div>

msh9

'use strict';
myApp.factory('olingoWrapperService', ['localStorageService','$location', '$q', '$rootScope', function (localStorageService, $location, $q, $rootScope) {

    var _recipeService = {};
    var _oldOlingoODataClient = odatajs.oData.net.defaultHttpClient;
    var _authSensitiveOlingoClient = {
        request: function (request, success, error) {
            request.headers = request.headers || {};

            var authData = localStorageService.get('authorizationData');

AbhishekGhosh

// modify and use within php opening and closing (closing may be not required depending on template)
// add_sitelinks_search_box just a name
// change pub-ABCDEFGH:1234567890 to real value
// PHP_EOL is used to find the newline character in a cross-platform-compatible way
// check your source code to make sure, some other plugin is not echoing a different "target"
// target is Google
// use site url instead of "url": "' . get_site_url() . '/",
// it will decrease the burden of one PHP call
// nginx php5-fpm compatible
// Genesis compatible (use php opening and closing for using with Genesis Simple Hooks)

iolo

angular.module('io.utils', [])
    module.directive('ioTypeahead', [
        '$parse',
        function ($parse) {
            return {
                restrict: "AE",
                replace: true,
                transclude: false,
                compile: function (element, attrs) {
                    var modelAccessor = $parse(attrs.ioTypeahead);

addyosmani

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

rolftimmermans

#target photoshop

/* Open the given file, and compress with TinyPNG. */
function compressFile(file) {
  var document = open(file);

  if (document.mode == DocumentMode.INDEXEDCOLOR) {
    document.changeMode(ChangeMode.RGB);
  }