Tom Scholz tomscholz

## SSRLoadable.js

Loadable.preloadAll()
  .then(() =>
    onPageLoad(async sink => {
      try {
        const cache = new InMemoryCache();
        const stateLink = withClientState({
          cache,
          resolvers: stateMutations,
          defaults: defaultState,

## .gitlab-ci.yml
# Reference: https://www.exclamationlabs.com/blog/continuous-deployment-to-npm-using-gitlab-ci/

# GitLab uses docker in the background, so we need to specify the
# image versions. This is useful because we're freely to use
# multiple node versions to work with it. They come from the docker
# repo.
# Uses NodeJS V 9.4.0
image: node:9.4.0

# And to cache them as well.

## jQuery>React.markdown

      
              1 file
            
          
              0 forks
            
          
              4 comments
            
          
              39 stars
            
          
                tlakomy
                / jQuery>React.markdown
            
            
              Last active
              August 17, 2022 12:08
            
              
                Let's not forget about jQuery
              
          
    In this talk I'd like to use 5 minutes of my time to explain to the audience why jQuery is simply way better than React.

Does React have a fadeIn() method? Nah, I don't think so. You need to install a react-transition-group package which weighs over 3GB.
Can you do $.get(https://stackoverflow.com/questions/12345/adding_two_numbers_javascript) in React? NOPE.
Remember React 3.3.1? Me neither, because they didn't make it. Meanwhile in jQuery land: https://code.jquery.com/jquery-3.3.1.min.js
Can you learn jQuery for free? Sure! Can you learn React for free? It'll be $500 USD and your left kidney for a conference ticket.

And many, many more.
(This is a completely serious lightning talk proposal, I promise.)

  
## open-source-status.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              2 stars
            
          
                tmcw
                / open-source-status.md
            
            
              Created
              April 1, 2017 16:01
            
              
                Where I'm at with Open Source Projects
              
          
    More


I'm planning on spending much more time on documentation.js, to get it up to its stated mission and to nurture a larger community.
I'll also spend time on simple-statistics and the projects within my tmcw account.

Less

I've abandoned my maintainer statuses and privileges at mapbox, Turfjs, osmlab, tilemill-project, and openstreetmap.

Bryan Housel is the new owner of the osmlab organization and the openstreetmap/iD project


## SpeedDial.css
.cover {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1100; /* just above title bar */
  transition: opacity 0.2s ease-in-out;
  opacity: 1;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5dc1b2+0,1fbcd2+100 */

## nginx-cors.conf
map $http_origin $allow_origin {
  default "$http_origin";
}

map $request_method $cors_method {
  default "allowed";
  "OPTIONS" "preflight";
}

map $cors_method $cors_max_age {

## index.html
<html>
<head>
<script src="https://www.gstatic.com/firebasejs/3.0.0/firebase.js"></script>
<title>ZeroToApp</title>
<style>
  #messages { width: 40em; border: 1px solid grey; min-height: 20em; }
  #messages img { max-width: 240px; max-height: 160px; display: block; }
  #header { position: fixed; top: 0; background-color: white; }
  .push { margin-bottom: 2em; }
  @keyframes yellow-fade { 0% {background: #f2f2b8;} 100% {background: none;} }

## ChatMessage.java
package com.google.firebase.zerotoapp;

public class ChatMessage {
    public String name;
    public String message;

    public ChatMessage() {
    }

    public ChatMessage(String name, String message) {

## AppDelegate.swift
///
//  AppDelegate.swift
//  ZeroToApp
//

import UIKit
import Firebase
import FBSDKCoreKit

@UIApplicationMain

## README.md

      
              5 files
            
          
              303 forks
            
          
              50 comments
            
          
              2019 stars
            
          
                addyosmani
                / README.md
            
            
              Last active
              July 24, 2024 10:54
                — forked from 140bytes/LICENSE.txt
            
              
                108 byte CSS Layout Debugger
              
          
    CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$ if your browser aliases it:
~ 108 byte version

	Loadable.preloadAll()
	.then(() =>
	onPageLoad(async sink => {
	try {
	const cache = new InMemoryCache();
	const stateLink = withClientState({
	cache,
	resolvers: stateMutations,
	defaults: defaultState,
	# Reference: https://www.exclamationlabs.com/blog/continuous-deployment-to-npm-using-gitlab-ci/

	# GitLab uses docker in the background, so we need to specify the
	# image versions. This is useful because we're freely to use
	# multiple node versions to work with it. They come from the docker
	# repo.
	# Uses NodeJS V 9.4.0
	image: node:9.4.0

	# And to cache them as well.
	.cover {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1100; /* just above title bar */
	transition: opacity 0.2s ease-in-out;
	opacity: 1;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5dc1b2+0,1fbcd2+100 */
	map $http_origin $allow_origin {
	default "$http_origin";
	}

	map $request_method $cors_method {
	default "allowed";
	"OPTIONS" "preflight";
	}

	map $cors_method $cors_max_age {
	<html>
	<head>
	<script src="https://www.gstatic.com/firebasejs/3.0.0/firebase.js"></script>
	<title>ZeroToApp</title>
	<style>
	#messages { width: 40em; border: 1px solid grey; min-height: 20em; }
	#messages img { max-width: 240px; max-height: 160px; display: block; }
	#header { position: fixed; top: 0; background-color: white; }
	.push { margin-bottom: 2em; }
	@keyframes yellow-fade { 0% {background: #f2f2b8;} 100% {background: none;} }
	package com.google.firebase.zerotoapp;

	public class ChatMessage {
	public String name;
	public String message;

	public ChatMessage() {
	}

	public ChatMessage(String name, String message) {
	///
	// AppDelegate.swift
	// ZeroToApp
	//

	import UIKit
	import Firebase
	import FBSDKCoreKit

	@UIApplicationMain