wwex

//
// Computed Property Names //

const foo = {name: 'tom', age: 30, nervous: false}
const bar = {name: 'tim', age: 30, nervous: false}
const baz = {name: 'loo', age: 30, nervous: true}
// BAD:
console.log(foo)
console.log(bar)
console.log(baz)

jonathantneal

export default scope => {
	// match the filter on autofilled elements in Firefox
	const mozFilterMatch = /^grayscale\(.+\) brightness\((1)?.*\) contrast\(.+\) invert\(.+\) sepia\(.+\) saturate\(.+\)$/

	scope.addEventListener('animationstart', onAnimationStart)
	scope.addEventListener('input', onInput)
	scope.addEventListener('transitionstart', onTransitionStart)

	function onAnimationStart(event) {
		// detect autofills in Chrome and Safari by:

nico-martin

<?php

add_filter( 'get_pages', 'add_posts_to_frontpage_dropdown', 20, 2 );
add_action( 'pre_get_posts', 'update_frontpage_post_query' );

function add_posts_to_frontpage_dropdown( $pages, $r ) {

	if ( array_key_exists( 'name', $r ) && 'page_on_front' == $r['name'] ) {
		$args  = [
			'post_type'      => 'post',

svaustin66

<div id="discount-message"></div>

<script type="text/javascript">
  var codeCookieValue;
  var getCookie = function(name) {
    var value = "; " + document.cookie;
    var parts = value.split('; '+name+'=');
    if (parts.length == 2) return parts.pop().split(";").shift();
  };
  codeCookieValue = getCookie('discount_code');

stefansl

<?php

// Merge Shopware description w/ Attribute 5
if ($sMarketplaceName === 'amazon') {
    // $aProduct = MLProduct::factory()->set('id', $iMagnalisterProductsId);
    // MLMessage::gi()->addInfo($aAddItemData['Variations'], get_defined_vars());
    // MLMessage::gi()->addInfo($aProduct, get_defined_vars());
    // MLMessage::gi()->addInfo($iMagnalisterProductsId, get_defined_vars());
    foreach ($aAddItemData['Variations'] as $sVariant) {
        if ($sVariant['EAN'] === $aAddItemData['EAN']) {

jbsulli

Demo:

Spoiler warning

Spoiler text. Note that it's important to have a space after the summary tag. You should be able to write any markdown you want inside the <details> tag... just make sure you close <details> afterward.

console.log("I'm a code block!");

annaet

D3 Force Directed graph with bezier curves to show multiple links between pairs of nodes.

Uses D3.v4

Based off http://bl.ocks.org/GerHobbelt/3616279

dianjuar

Install WordPress plugins directly (without FTP)

Ref Stack Overflow Comment

Put this on your wp-config.php

/* That's all, stop editing! Happy blogging. */
define('FS_METHOD', 'direct');

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

BenMorel

/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * http://caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.