argyleink

:root {
  --ease-in-quad:       cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic:      cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart:      cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint:      cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-expo:       cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ:       cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-quad:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic:     cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart:     cubic-bezier(0.165, 0.84, 0.44, 1);

argyleink

An issue we’ve heard from authors is that they want to know what scrollbars are doing and respond to that.

There’s a bunch of issues that might go hand in hand to actually solve this:

1. [^1] Expose an env() variable that allows you to get the scrollbar-size. This is a fixed value, independent of whether a scrollbar is shown or not – it just gives you back the size
2. [^2] A way to query which type of scrollbars are being used on the page.
3. A container state query to be able to know if something is overflowing or not

If you combine these three, authors can do things like:

argyleink

1. Install Package Resource Viewer.
2. In package control window select ‘Package Resource Viewer: Open Resource’.
3. Scroll down until you find the option: ‘Color Scheme — Default’ (or your theme with color scheme .tmTheme) and select it.
4. Add the following to the end of the node to style selected (scope) syntax tokens cursive:

<dict>
	<key>name</key>
	<string>Mono Tweaks</string>
	scope

argyleink

/* before :is() */
button.focus,
button:focus {
  ...
}

/* after :is() */
button:is(.focus, :focus) {
  ...
}

argyleink

const clone     = x => [...x]
const push      = y => x => [...x, y]
const pop       = x => x.slice(0,-1)
const unshift   = y => x => [y, ...x]
const shift     = x => x.slice(1)
const sort      = f => x => [...x].sort(f)
const delete    = i => x => [...x.slice(0,i), ...x.slice(i+1)]
const splice    = (s,c,...y) => x => [...x.slice(0,s), ...y, ...x.slice(s+c)]
const unique    = arr => [...new Set(arr)]

argyleink

var Robot = function(robot) {};

Robot.prototype.onIdle = function(ev) {
  var robot = ev.robot;
  robot.ahead(20);
  robot.rotateCannon(10);
};

Robot.prototype.onWallCollision = function(ev) {

argyleink

// As taken from the UnderscoreJS utility framework
function debounce(func, wait, immediate) {
  let timeout
  
  return function() {
    let context = this
      , args    = arguments
    
    let later = function() {
      timeout = null

argyleink

(function() {
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit'];
    for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
        window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
        window.cancelAnimationFrame =
                window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame'];
    }

    if (!window.requestAnimationFrame)

argyleink

;(function($) {
    var delay = 0;
    $.fn.translate3d = function(translations, speed, easing, complete) {
        var opt = $.speed(speed, easing, complete);
        opt.easing = opt.easing || 'ease';
        translations = $.extend({x: 0, y: 0, z: 0}, translations);

        return this.each(function() {
            var $this = $(this);

argyleink

// tie into settings show event to append a link
var settingsPane = Windows.UI.ApplicationSettings.SettingsPane.getForCurrentView();
settingsPane.addEventListener("commandsrequested", onCommandsRequested);

function onCommandsRequested(e) {
  // create a link to the charm bar
  var rateCommand = new Windows.UI.ApplicationSettings.SettingsCommand("Rate", "Rate This App", onRateClick);
  e.request.applicationCommands.append(rateCommand);
}