yumyo

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.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()

yumyo

on run {input, parameters}
    set phrase to input as string
    set phrase to quoted form of phrase

    set from_lang to "en"
    set to_lang to "it"

    do shell script "open 'https://www.wordreference.com/'" & from_lang & to_lang & "'/'" & phrase
end run

yumyo

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

yumyo

$cache_key = '_ssr-schedule';
$cache = get_post_meta( $frag_ID, $cache_key, true );
if ( empty( $cache ) || $cache['expires'] < time() ) {
	$var = '[path]';
	$url = '[path]' . $var;
	$request  = wp_remote_get( $url, array( 'timeout' => 120, ) );

	if( is_wp_error( $request ) ) { return false; }
	$response = wp_remote_retrieve_body( $request );
	$data     = json_decode( $response, true ); // `true` translate into an array instead of an object

yumyo

<?php

function archive_title() {
	
	//Conditionals to Title Display in WordPress Archive Templates
	if( is_archive() ) {
		$queried_object = get_queried_object();
		
		if( is_tag() ) {
		  	$slug = $queried_object ? $queried_object->slug : ' ' ;

yumyo

#tl;dr

setting up a branch to track a repo

pre: assuming you have forked a repo and cloned your fork to your computer

1. git remote add [maintainer's name] [paste URL here]
2. git fetch --all
3. git branch --track [maintainer's name]_[branch] [remote name from step 1]/[branch you want to track] At this point you may watch to checkout to your newly create branch and issue a git pull command.

yumyo

{
  "name": "blue-leaf",
  "description": "Physics-like animations for pretty particles",
  "main": [
    "js/motion.js",
    "sass/motion.scss"
  ],
  "dependencies": {
    "get-size": "~1.2.2",
    "eventEmitter": "~4.2.11"

yumyo

<?php
$items = array(1,2,3,4,5,6,7,8,9,10,11,12);
$limit = 5;
 
$qty_items = count($items);
$qty_pages = ceil($qty_items / $limit);
 
$curr_page = isset($_GET&#91;'page'&#93;) ? $_GET&#91;'page'&#93; : 1;
$next_page = $curr_page < $qty_pages ? $curr_page + 1 : null;
$prev_page = $curr_page > 1 ? $curr_page - 1 : null;

yumyo

<?php //* do not include php tag

add_filter('schema_output', 'schema_wp_extend_output_987345256');
/**
 * Extend / Override Schema Output
 *
 * @since 1.0
 */
function schema_wp_extend_output_987345256( $schema ) {
	

yumyo

<?php

add_action( 'wp_enqueue_scripts', 'enqueue_my_styles' );

/**
 * Example callback function that demonstrates how to properly enqueue conditional stylesheets in WordPress for IE.
 * IE10 and up does not support conditional comments in standards mode.
 *
 * @uses wp_style_add_data() WordPress function to add the conditional data.
 * @link https://developer.wordpress.org/reference/functions/wp_style_add_data/