Hiroki Osame privatenumber

## esm-package.md

      
              1 file
            
          
              201 forks
            
          
              7 comments
            
          
              2783 stars
            
          
                sindresorhus
                / esm-package.md
            
            
              Last active
              May 4, 2024 15:48
            
              
                Pure ESM package
              
          
    Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.
This means you have the following choices:

Use ESM yourself. (preferred)

  Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.


## 1.html
<!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();

## 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)()

## Google Spreadsheet.js
/**
 * Append data to a Google Spreadsheet
 *
 * You will need a file called '.env' with the following values:
 *
 * - GOOGLE_ID (Google oAuth Client ID)
 * - GOOGLE_SECRET (Google oAuth Client Secret)
 * - GOOGLE_REFRESH_TOKEN (Google oAuth Refresh Token)
 * - GOOGLE_SPREADSHEET_ID (Google Spreadsheet ID)
 *

## 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;


## bling.js
/* bling.js */

window.$ = document.querySelectorAll.bind(document);

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn);
}

NodeList.prototype.__proto__ = Array.prototype;

## answers.md

      
              1 file
            
          
              18 forks
            
          
              126 comments
            
          
              78 stars
            
          
                jpsim
                / answers.md
            
            
              Last active
              January 13, 2022 20:47
            
              
                Regex Golf Answers (http://regex.alf.nu/)
HN: https://news.ycombinator.com/item?id=6941231
              
          
Plain Strings (207): foo
Anchors (208): k$
Ranges (202): ^[a-f]*$
Backrefs (201): (...).*\1
Abba (169): ^(.(?!(ll|ss|mm|rr|tt|ff|cc|bb)))*$|^n|ef
A man, a plan (177): ^(.)[^p].*\1$
Prime (286): ^(?!(..+)\1+$)
Four (199): (.)(.\1){3}
Order (198): ^[^o].....?$
Triples (507): (^39|^44)|(^([0369]|([147][0369]*[258])|(([258]|[147][0369]*[147])([0369]*|[258][0369]*[147])([147]|[258][0369]*[258])))*$)


## business-models.md

      
              2 files
            
          
              245 forks
            
          
              48 comments
            
          
              1894 stars
            
          
                ndarville
                / business-models.md
            
            
              Last active
              January 13, 2024 17:27
            
              
                Business models based on the compiled list at http://news.ycombinator.com/item?id=4924647. I find the link very hard to browse, so I made a simple version in Markdown instead.
              
          
    Business Models

Advertising


Models
Examples


Display ads
Yahoo!


Search ads
Google


## osx-for-hackers.sh
#!/bin/sh

###
# SOME COMMANDS WILL NOT WORK ON macOS (Sierra or newer)
# For Sierra or newer, see https://github.com/mathiasbynens/dotfiles/blob/master/.macos
###

# Alot of these configs have been taken from the various places
# on the web, most from here
# https://github.com/mathiasbynens/dotfiles/blob/5b3c8418ed42d93af2e647dc9d122f25cc034871/.osx

## path-in-mac-osx-10.7.mdown

      
              2 files
            
          
              5 forks
            
          
              13 comments
            
          
              28 stars
            
          
                Overbryd
                / path-in-mac-osx-10.7.mdown
            
            
              Created
              January 24, 2012 09:58
            
              
                Correcting $PATH in MacOSX 10.7 for homebrew
              
          
    $PATH in MacOSX 10.7

MacOSX has a truly global path setting that precedes any other setting like ~/.bash_profile.
The file /private/etc/paths is a list of pathnames. The order from top to bottom defines the resulting order in the $PATH variable.
After loading /private/etc/paths there is a directory /private/etc/paths.d/ with files in the same style. Those are appended to the $PATH variable.
The default content of /private/etc/paths looks like this:
/usr/bin
/bin
	<!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();
	/*
	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)()
	/**
	* Append data to a Google Spreadsheet
	*
	* You will need a file called '.env' with the following values:
	*
	* - GOOGLE_ID (Google oAuth Client ID)
	* - GOOGLE_SECRET (Google oAuth Client Secret)
	* - GOOGLE_REFRESH_TOKEN (Google oAuth Refresh Token)
	* - GOOGLE_SPREADSHEET_ID (Google Spreadsheet ID)
	*
	/* bling.js */

	window.$ = document.querySelectorAll.bind(document);

	Node.prototype.on = window.on = function (name, fn) {
	this.addEventListener(name, fn);
	}

	NodeList.prototype.__proto__ = Array.prototype;
	#!/bin/sh

	###
	# SOME COMMANDS WILL NOT WORK ON macOS (Sierra or newer)
	# For Sierra or newer, see https://github.com/mathiasbynens/dotfiles/blob/master/.macos
	###

	# Alot of these configs have been taken from the various places
	# on the web, most from here
	# https://github.com/mathiasbynens/dotfiles/blob/5b3c8418ed42d93af2e647dc9d122f25cc034871/.osx