loai-kanou

/**
 * Draw SVG in canvas
 */

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

coco-napky

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 12,

    // font family with optional fallbacks
    fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

    // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
    cursorColor: 'rgba(248,28,229,0.8)',

matthewjberger

Note: This post is a summary of information paraphrased from an excellent blog post by Christian Sepulveda.

Prerequisites

• Create-React-App
• Yarn

Instructions

Create the app and download the necessary dependencies.

coolaj86

How to Find ANY Icon

1. Open the application such that you see the icon on your screen.
2. Open Activity Monitor
3. Double click the name of the application (i.e. Finder or System Preferences)
4. Select "Open Files and Ports"
5. Copy the output to a file and then grep for .icns

Similarly you could run this command, but it may take several minutes to complete:

phortuin

Based on this blogpost.

Install with Homebrew:

$ brew install postgresql@14

(The version number 14 needs to be explicitly stated. The @ mark designates a version number is specified. If you need an older version of postgres, use postgresql@13, for example.)

tvler

import * as React from 'react'
import { SpringValue, easings, useSpring } from 'react-spring'

/**
 * Hook that animates height when args.animationKey changes
 *
 * Ex:
 *   const animatedBlock = useAnimatedHeight({
 *     animationKey: key,
 *   })