influxweb

/**
 * A collection of helper prototype for everyday DOM traversal, manipulation,
 * and event binding. Sort of a minimalist jQuery, mainly for demonstration 
 * purposes. MIT @ m3g4p0p
 */
window.$ = (function (undefined) {

  /**
   * Duration constants
   * @type {Object}

influxweb

How to force a file download in the browser?

The use case is simple, you have /reports/593874951.pdf on your web server and want to let your user download it — and if possible with a meaningful name.

In the past, you may tried using the Content-Disposition HTTP header to achieve this, but today, with Safari getting the support for the download attribute it’s going to simplify a lot of things.

Using the download attribute is simple as pie:

<a href="/reports/593874951.pdf" download="report.pdf">
 Download report

influxweb

How to disable HTML links with CSS?

Since IE11 we can just use CSS to prevent elements to fire hover and click event. Here is how to do it:

<a href="page.html" class="off">Link</a>

.off {
pointer-events: none;
cursor: default;

influxweb

/**
 * Loads an HTML document from a URL and retuns an element selected using
 * the 'selector' parameter
 * 		Example usage:
 * 				loadPageSection('./myPage.html', '#container', (r, err) => console.log(r, err));
 *
 * @method loadPageSection
 * @param  {String} url
 * @param  {String} selector - A valid CSS selector
 * @param  {Function} callback - To be called with two parameters (response, error)

influxweb

function loadScript(url, callback) {
	var head = document.getElementsByTagName('head')[0],
		scriptCalled = document.createElement('script');

	scriptCalled.async = true;
	scriptCalled.src = url;
	scriptCalled.onload = scriptCalled.onreadystatechange = function () {
		if (!scriptCalled.readyState || /loaded|complete/.test(scriptCalled.readyState)) {
			scriptCalled.onload = scriptCalled.onreadystatechange = null;

influxweb

abbr
{
        border-bottom: 1px dotted #666;
	cursor: help;
}

.tooltip
{
	position:absolute;
	background-color:#eeeefe;

influxweb

/**
 * Dice  
 * 
 * @author C. Scott Asbach
 *  
 * This module exposes static methods for rolling dice.
 */
using System;

namespace Dice

influxweb

function testCSSVariables() {
 var color = 'rgb(255, 198, 0)';
 var el = document.createElement('span');

 el.style.setProperty('--color', color);
 el.style.setProperty('background', 'var(--color)');
 document.body.appendChild(el);

 var styles = getComputedStyle(el);
 var doesSupport = styles.backgroundColor === color;

influxweb

$screen-sizes: (
  xxl: 1920px,
  xl: 1440px,
  l: 1360px,
  ml: 1280px,
  m: 768px,
  s: 576px
);

$col-count: 24;

influxweb

var swiper = {

    touchStartX: 0,
    touchEndX: 0,
    minSwipePixels: 30,
    detectionZone: undefined,
    swiperCallback: function() {},

    init: function (detectionZone, callback) {
        swiper.swiperCallback = callback