David Skuza davidskuza

getify / 1.html

Last active May 10, 2023 03:25

Ever noticed how vw/vh units in CSS seem to be a bit unreliable on various devices (especially mobile)? Here's my solution.

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
	<title>Test Page</title>

	<script>
	// early compute the vw/vh units more reliably than CSS does itself
	computeViewportDimensions();

tomhicks / plink-plonk.js

Last active July 26, 2024 01:10

Listen to your web pages

	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()

sean0x72 / electron-win-drag.js

Created July 10, 2018 06:17

simulating windows areosnap feature when dragging a frameless window without using a draggable region

	/*
	There is no api for windows areosnap feature that I could find or not way to trigger it with the windows hotkeys.
	*/

	const titleBar = document.getElementById('title-bar');
	const { remote, screen } = require('electron');

	let activate = false;
	const win = {
	offsetX: 0,