patik

// Source data (JSON) from the server
data = {
    abc: {
        def: {
            ghi: 'jkl'
        }
    }
};

// The path you're looking for (you want the value of `ghi`)

patik

@mixin breakpoint($size: "", $maxWidth: false) {
    @if $size == "" {
        $size: 20em; // Put your "main" or most-used breakpoint here to use it as a default
    }

    // Default, `min-width` media query
    @if $maxWidth == false {
        @media (min-width: $size) { @content; }
    }
    // Alternative `max-width` media query

patik

• Progressive enhancement is still important
• You cannot rely on JavaScript being available. Period.
• Face It: You Can’t Rely on JavaScript
• Why we should support users with no JavaScript (See section "Why wouldn’t javascript be available?" and the next section)
• The Seven Deadly Sins Of JavaScript Implementation (See #4)

Some of these articles may be old but their arguments hold true. In particular, with more and more people relying on flaky, high-latency cellular networks to deliver sites there is possibly even more concern that JS may not work, even in an otherwise capable browser.

patik

Duplicate ID Finder

Reports IDs that are being used by multiple elements within a page, including the number of occurrences of each one

A Pen by Craig Patik on CodePen.

License.

patik

// ==UserScript==
// @name           Magnet Link Finder
// @description    Finds all magnet URLs and displays them prominently
// @namespace      http://patik.com/code/user-scripts/
// @include        *
// @version        1.0.0.20140112
// ==/UserScript==

(function _magnet_links() {
    var linkList = null,    // Display list that holds the links

patik

.expandable {
    transition-property: none;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

/* Vary the transition with different classes */
.expandable.molasses {
    transition-duration: 3s;
}

patik

var insertAfterEveryFromRight = function _insertAfterEveryFromRight(str, insert, every) {
  var result = '';
  
  str.split('').reverse().forEach(function(s, idx) {
    if (idx !== 0 && idx % every === 0) {
      result += insert;
    }
    result += s;
  });
  

patik

// @name           Redirect from WikiTravel to WikiVoyage
// @description    Automatically switch from a WikiTravel.org article to the same article on WikiVoyage.org
// @namespace      http://patik.com/code/user-scripts/
// @include        http://wikitravel.org/*
// @version        v20130218.1
// ==/UserScript==

(function _wikivoyage_redir (win) {
  // Example
  // Before: http://wikitravel.org/en/Bangkok/Sukhumvit

patik

<?php
require_once('keys.php');  // Where my constants are defined
require_once('AppDotNet.php');

$clientId     = ADN_CLIENT_ID;
$clientSecret = ADN_CLIENT_SECRET;
$redirectUri  = ADN_REDIRECT_URI;

# User has authorized:
if (isset($_GET['code']) && !empty($_GET['code'])) {

patik

<div id="alpha-toolbar"><!-- Toolbar commands here --></div>
<textarea id="alpha"></textarea>

<div id="bravo-toolbar"><!-- Toolbar commands here --></div>
<textarea id="bravo"></textarea>

<div id="charlie-toolbar"><!-- Toolbar commands here --></div>
<textarea id="charlie"></textarea>