Skip to content

Instantly share code, notes, and snippets.

Avatar

Machisté N. Quintana mnquintana

View GitHub Profile
View keybase.md

Keybase proof

I hereby claim:

  • I am mnquintana on github.
  • I am mnquintana (https://keybase.io/mnquintana) on keybase.
  • I have a public key ASDZkMHvSEwu4e0Wl4mYMtk6820-dC5DJ0d0etE4-8WJfQo

To claim this, I am signing this object:

@mnquintana
mnquintana / what-forces-layout.md
Created Apr 17, 2021 — forked from paulirish/what-forces-layout.md
What forces layout/reflow. The comprehensive list.
View what-forces-layout.md

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
View fretboard_arrange.rs
//! Algorithm for arranging notes on bass
//! takes in a csv of notes with header
//! and outputs csv of fretboard positions with header
extern crate csv;
use std::collections::HashMap;
const MIDI_A4: f32 = 69.;
const FREQ_A4: f32 = 440.;
@mnquintana
mnquintana / main.js
Created Jan 29, 2018
Path 2: Remote Isolation
View main.js
// ==============
// Main process
// ==============
const {BrowserWindow} = require('electron');
const mainWindow = new BrowserWindow({
width: 800,
height: 800,
webPreferences: {
preload: './path/to/preload/script.js',
@mnquintana
mnquintana / app-shell.html
Created Jan 29, 2018
Path 3: Local Resources
View app-shell.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Desktop App</title>
<link rel="stylesheet" href="path/to/your/stylesheet.css">
</head>
<body>
<script src="renderer.js"></script>
@mnquintana
mnquintana / main.js
Created Jan 29, 2018
Path 1: The Shortcut
View main.js
// ==============
// Main process
// ==============
const mainWindow = new BrowserWindow({ width: 800, height: 800 });
mainWindow.loadURL(‘https://<remote-web-app-goes-here>’);
View path-1-the-shortcut.js
const mainWindow = new BrowserWindow({ width: 800, height: 800 });
mainWindow.loadURL(‘https://<remote-web-app-goes-here>’);
// ==============
// Guest page (remote web app)
// ==============
const {remote} = require(‘electron’);
remote.app.setBadgeCount(9001);
View Gemfile
#
## Add these gems to your Gemfile, and be sure to 'bundle install'
#
gem 'net-ldap'
gem 'rubycas-client'