David Woodward vSanjo

## plink-plonk.js
/*
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)()

## react-mini.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style rel="stylesheet" type="text/less">
* {
	margin: 0;
	padding: 0;

## babel-webpack.md

      
              1 file
            
          
              17 forks
            
          
              3 comments
            
          
              87 stars
            
          
                ncochard
                / babel-webpack.md
            
            
              Last active
              September 29, 2023 05:15
            
              
                The correct way to compile ES6 using babel...
              
          
    When you create a npm package, remember it might be used in a browser or a server, or even a command line utility… For each package you create, please pay attention at what it will be used for:

Is it going to be used as a dependency to a nodejs application that is not bundled? (e.g. command line utilities)
Is it going to be used as a dependency to a nodejs application that is bundled? (e.g. AWS Lambdas)
Is it going to be used as a dependency to a browser application (always bundled)?.


In cases 2) and 3) you want to allow for tree shaking.
In cases 1) and 2) you want to benefit from the "ES6"/"ES next" features supported natively by nodejs.
In case 3) you also want to benefit from the native support of "ES6" from your browser.


## advanced-js-resources.md

      
              1 file
            
          
              49 forks
            
          
              8 comments
            
          
              227 stars
            
          
                amysimmons
                / advanced-js-resources.md
            
            
              Last active
              April 12, 2024 18:26
            
          
    Advanced JavaScript Learning Resources

This is a list of advanced JavaScript learning resources from people who responded to this [Tweet][13] and this [Tweet][20].


[You Don't Know JS][3]


[Frontend Masters courses by Kyle Simpson][12]


[@mpjme][6]'s [YouTube videos][5]


## index.html
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">

<head>
  <!-- content-type, which overrides http equivalent header. Because of charset, this meta should be set at first. -->
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <!--  Overrides http equivalent header. This tells IE to use the most updated engine.  -->
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <!--  Tells crawlers how to crawl this page, and the role of this page. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta -->
  <meta name="robots" content="index, follow">

## Building an MVP? Need a quick DB? Use JSON!
#
# Building an MVP?
# Need a quick database you can set up in seconds?
# What about JSON?
#
# by @levelsio (with help from @marckohlbrugge, @oskarth, @maxdeviant and @kumailht)

# JS
db=[]
fs=require('fs')

## urlBase64ToUint8Array.js
function urlBase64ToUint8Array(base64String) {
  const padding = '='.repeat((4 - base64String.length % 4) % 4);
  const base64 = (base64String + padding)
    .replace(/\-/g, '+')
    .replace(/_/g, '/')
  ;
  const rawData = window.atob(base64);
  return Uint8Array.from([...rawData].map((char) => char.charCodeAt(0)));
}

## anonymous
#!/usr/bin/env tclsh
# MOTD script original? / mod mewbies.com

# Save as /etc/motd.tcl and add "/etc/motd.tcl" to the end of your /etc/profile
# You'll also need to:
#   - sudo apt-get install tcl
#   - delete the contents of /etc/motd
#   - sudo chmod 755 /etc/motd.tcl
#   - comment out "uname -snrvm > /var/run/motd.dynamic" in /etc/init.d/motd
#   - change "PrintLastLog yes" to "PrintLastLog no" in /etc/ssh/sshd_config

## index.md

      
              1 file
            
          
              17 forks
            
          
              12 comments
            
          
              629 stars
            
          
                alekseykulikov
                / index.md
            
            
              Last active
              April 14, 2024 00:32
            
              
                Principles we use to write CSS for modern browsers
              
          
    Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.
My 3 developers team has just developed React.js application with 7668 lines of CSS (and just 2 !important).
During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance problems, possibly, it is the most stable part of our application.
Here are main principles we use to write CSS for modern (IE11+) browsers:

SUIT CSS naming conventions + SUIT CSS design principles;
PostCSS + CSSNext. Future CSS syntax like variables, nesting, and autoprefixer are good enough;
Flexbox is awesome. No need for grid framework;
Normalize.css, base styles and variables are solid foundation for all components;


## qemu_osx_rpi_raspbian_jessie.sh
# Install QEMU OSX port with ARM support
sudo port install qemu +target_arm
export QEMU=$(which qemu-system-arm)

# Dowload kernel and export location
curl -OL \
https://github.com/dhruvvyas90/qemu-rpi-kernel/blob/master/kernel-qemu-4.1.7-jessie
export RPI_KERNEL=./kernel-qemu-4.1.7-jessie

# Download filesystem and export location
	/*
	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)()
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style rel="stylesheet" type="text/less">
	* {
	margin: 0;
	padding: 0;
	<!DOCTYPE html>
	<html prefix="og: http://ogp.me/ns#">

	<head>
	<!-- content-type, which overrides http equivalent header. Because of charset, this meta should be set at first. -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<!-- Overrides http equivalent header. This tells IE to use the most updated engine. -->
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<!-- Tells crawlers how to crawl this page, and the role of this page. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta -->
	<meta name="robots" content="index, follow">
	#
	# Building an MVP?
	# Need a quick database you can set up in seconds?
	# What about JSON?
	#
	# by @levelsio (with help from @marckohlbrugge, @oskarth, @maxdeviant and @kumailht)

	# JS
	db=[]
	fs=require('fs')
	function urlBase64ToUint8Array(base64String) {
	const padding = '='.repeat((4 - base64String.length % 4) % 4);
	const base64 = (base64String + padding)
	.replace(/\-/g, '+')
	.replace(/_/g, '/')
	;
	const rawData = window.atob(base64);
	return Uint8Array.from([...rawData].map((char) => char.charCodeAt(0)));
	}
	#!/usr/bin/env tclsh
	# MOTD script original? / mod mewbies.com

	# Save as /etc/motd.tcl and add "/etc/motd.tcl" to the end of your /etc/profile
	# You'll also need to:
	# - sudo apt-get install tcl
	# - delete the contents of /etc/motd
	# - sudo chmod 755 /etc/motd.tcl
	# - comment out "uname -snrvm > /var/run/motd.dynamic" in /etc/init.d/motd
	# - change "PrintLastLog yes" to "PrintLastLog no" in /etc/ssh/sshd_config
	# Install QEMU OSX port with ARM support
	sudo port install qemu +target_arm
	export QEMU=$(which qemu-system-arm)

	# Dowload kernel and export location
	curl -OL \
	https://github.com/dhruvvyas90/qemu-rpi-kernel/blob/master/kernel-qemu-4.1.7-jessie
	export RPI_KERNEL=./kernel-qemu-4.1.7-jessie

	# Download filesystem and export location