Skip to content

Instantly share code, notes, and snippets.

@yomotsu
yomotsu / gulpfile.js
Last active September 17, 2017 18:54
webpack2 /w gulp
'use strict';
const browserSync = require( 'browser-sync' ).create();
const gulp = require( 'gulp' );
const gulpif = require( 'gulp-if' );
const rename = require( 'gulp-rename' );
const uglify = require( 'gulp-uglify' );
const webpack = require( 'webpack' );
@paulirish
paulirish / what-forces-layout.md
Last active May 6, 2024 07:54
What forces layout/reflow. The comprehensive list.

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
@aaronk6
aaronk6 / README.md
Last active November 9, 2023 05:17
launchUri

Cross-browser implementation of navigator.msLaunchUri

Microsoft’s navigator.msLaunchUri method only works in Internet Explorer on Windows 8. Therefore I came up with a (nearly) cross-browser implementation that uses the native msLaunchUri when it’s available and falls back to adventurous hacks when running in other browsers.

Description

launchUri (uri, successCallback, noHandlerCallback, unknownCallback)
@whizark
whizark / SassMeister-input-HTML.html
Last active October 24, 2021 02:42
Sass: placeholder-exists() in Sass #sass
<div class="warning">
<p>A Warning Message.</p>
</div>
@cvrebert
cvrebert / css_regression_testing.md
Last active May 9, 2023 12:13
Survey of screenshot-based CSS testing tools

Currently considering https://github.com/webdriverio/webdrivercss


Core Goals:

  • Can test in up-to-date versions of all major browsers
  • Can test on up-to-date versions of all major OSes
  • Can test in IE9 (because Bootstrap v4 will support IE9+)
  • Don't want to have to setup/maintain our own cluster of VMs running all the necessary OSes (and all the versions of Windows)
  • Workflow for management of reference/baseline/norm screenshots
// ----
// Sass (v3.2.10)
// Compass (v0.13.alpha.4)
// ----
// http://blog.livedoor.jp/dankogai/archives/51518565.html
// https://github.com/terkel/mathsass
$LN2: 0.6931471805599453;
$SQRT2: 1.4142135623730951;
@shinout
shinout / yaruki.js
Created October 8, 2011 05:50 — forked from akkunchoi/yaruki.rb
やる気がない時に実行するコマンド
var list = [
"部屋を掃除しろ!",
"部屋を片付けろ!",
"資料を整理しろ!",
"タスクを整理しろ!",
"メモを整理しろ!",
"「あとで読む」でも読んどけ!",
"風呂でも入っとけ!",