Scott Cheng scottcheng

## hi8-anim-howto.md

      
              1 file
            
          
              7 forks
            
          
              5 comments
            
          
              98 stars
            
          
                celoyd
                / hi8-anim-howto.md
            
            
              Last active
              August 1, 2022 15:37
            
              
                A way to make Himawari-8 animations
              
          
    Himawari-8 animation tutorial

Here’s how to make animations like this one. It requires intermediate Unix command-line knowledge, to install some tools and to debug if they don’t work. You’ll need these utilities:

curl (or you can translate to wget)
convert and montage, part of ImageMagick
ffmpeg, plus whatever codecs
parallel, for iteration that’s nicer than shell for loops or xargs
run everything in zsh for leading 0s in numerical ranges to work


## what-forces-layout.md

      
              1 file
            
          
              813 forks
            
          
              108 comments
            
          
              8099 stars
            
          
                paulirish
                / what-forces-layout.md
            
            
              Last active
              May 26, 2024 09:59
            
              
                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


## 1-sleep-es7.js
// ES7, async/await
function sleep(ms = 0) {
  return new Promise(r => setTimeout(r, ms));
}

(async () => {
  console.log('a');
  await sleep(1000);
  console.log('b');
})()

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


## ios-8-web-app.html
<!doctype html>

<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->

<html>
  <head>
    <title>iOS 8 web app</title>

    <!-- CONFIGURATION -->
	// ES7, async/await
	function sleep(ms = 0) {
	return new Promise(r => setTimeout(r, ms));
	}

	(async () => {
	console.log('a');
	await sleep(1000);
	console.log('b');
	})()
	<!doctype html>

	<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->

	<html>
	<head>
	<title>iOS 8 web app</title>

	<!-- CONFIGURATION -->