Lewis Nakao lewdev

👩‍🔧 My general HTML/CSS/JavaScript Code Minifier

This is by no means, a reliable code minifier. It makes several assumptions and treats ALL common code characters (i.e. brackets, parenthesis, operators, etc.) as "code" such that if you are writing text as example code, that will get minified.

The general assumption is you will be writing purely code and not English trying to explain code.

I found other solutions but they were isolated by their languages. i.e. HTML minifier, CSS minifier, & JavaScript terser.

There wasn't one single solution and I didn't want something very complicated since I'm making my code smaller by hand anyway.

Source: https://xem.github.io/codegolf/minidwitter.html

<body onload='t=0;x=c.getContext`2d`;with(Math)S=sin,C=cos,T=tan;R=(r,g,b,a=1)=>`rgba(${[r|0,g|0,b|0,a]})`;setInterval("eval(A.value);t+=.016",16)'><canvas id=c width=1920 height=1080 style=width:5in></canvas><br><textarea id=A cols=60 oninput=t=0>
for(i=0;i<65;i++)for(j=0;j<65;j++)x.fillStyle=R(i*9,j*9,C(t)*255),x.fillRect(900+400*S((i+t/9)*3)*C((j+t/9)*1.5),500+400*S((j+t/9)*1.5),5,5)

🦘👨‍🔧 Super Mario Bros in your URL

This was made by xem or @MaximeEuziere on twitter.

Source

Copy-paste the code below into your address bar to run it. Unfortunately, making it compatible to the URL, the size of the app explodes to 1560 characters.

data:text/html,

🏫📄 Worksheet Generators

For inspiration and ideas for my Math Homework Generator, I figured that I should start a list of pages I should look through eventually to learn about what's out there and what might be lacking. MHG is often found in other lists which is how I found these links.

	<style>
	.my-modal:target {
	opacity: 1;
	pointer-events: auto;
	}
	.my-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;

	<p id=o></p>

	<script>
	/*
	Sources:
	* https://manu.ninja/using-the-speech-synthesis-interface-of-the-web-speech-api/
	* https://css-tricks.com/using-the-web-speech-api-for-multilingual-translations/
	* https://www.zeolearn.com/magazine/the-new-speech-synthesis-web-api
	*/
	let syn = speechSynthesis;

	<style>/Dwitter Shim by Frank Force 2020 - MIT License (https://codepen.io/KilledByAPixel/pen/YzyyOEr)/*{box-sizing:border-box;margin:0}textarea,iframe{width:100%;height:50vh}</style>
	<script>let shim=`<canvas id=c width=1920 height=1080></canvas><script>u=t=>{z}
	let time = frame = nextFrameMs = 0
	,FPS = 60
	,x = c.getContext("2d")
	,S = Math.sin
	,C = Math.cos
	,T = Math.tan
	,R = (r,g,b,a=1) => "rgba("+[r\|0,g\|0,b\|0,a]+")"
	,loop = frameTime => {

	<pre id=o></pre>
	<script>
	const TIME = [1e3, "s", 6e4, "min", 36e5, "hr", 864e5, "d", 2592e6, "wk", 2592e6, "mo", 31536e6, "yr"];

	const dateDistance = dateStr => {
	const now = new Date().getTime();
	let diff = now - new Date(dateStr).getTime();
	let agoOrUntil = " ago";
	if (diff < 0) { agoOrUntil = " until"; diff = Math.abs(diff); }
	for (let i = 12; i >= 0; i-=2) {

	<!DOCTYPE html>
	<head><title>🐶 Pet Sim</title></head>
	<body>
	<div id="start">
	<h2>🐶 What would you like to name your pet?</h2>
	<input id="n" onkeyup="event.keyCode===13&&n.value?start_game(n.value):null"/>
	<button onclick="start_game(n.value)">Start</button>
	</div>

	<div id="controls" style="display:none">

Lewis Nakao lewdev

👩‍🔧 My general HTML/CSS/JavaScript Code Minifier

🦘👨‍🔧 Super Mario Bros in your URL

🏫📄 Worksheet Generators

Custom Resource Makers - Worksheet Generators (Source)