chadluo

I remembered reading an article like this years ago but couldn't find it any more. I'd rather rewrite one myself.

Browsers

The term "Web" in most contexts refer to stuff happening in the browser or on the browser tech stack, for example when comparing different implementations of an app (platform native, containerized/VM or in a browser). Web apps can reach cross-platform easier than other tech stacks as most devices will have a browser, but they fall behind in performance and system API availability.

Browsers send requests to servers and receive text based HTML code represented various elements -- text, blocks, links to external resources like images & videos -- to render onto the viewport.

HTML supports semantic elements (bullet point lists, tables etc.) and basic styling (for example fgColor and bgColor), but people want better control and performance, so [CSS

chadluo

// ==UserScript==
// @name        Pull Request Comment Watch or something
// @namespace   Violentmonkey Scripts
// @match       https://bitbucket.org/*/pull-requests/*
// @version     1.0
// @author      https://gist.github.com/chadluo
// @icon        https://www.google.com/s2/favicons?domain=bitbucket.org
// @grant       GM_addStyle
// ==/UserScript==

chadluo

// ==UserScript==
// @name         Google search favicon
// @namespace    http://tampermonkey.net/
// @author       chadluo
// @match        https://www.google.com/search*
// @grant        none
// ==/UserScript==

'use strict';

chadluo

// ==UserScript==
// @name         Bitbucket PR syntax highlight (actually just a HLJS wrapper)
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  use HLJS to syntax highlight Bitbucket PR. see https://highlightjs.org/usage/
// @author       Chad
// @match        https://bitbucket.org/*/pull-requests/*
// @icon         https://www.google.com/s2/favicons?domain=bitbucket.org
// @grant        GM_addStyle
// @require      https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js

chadluo

On timestamp formats

Scope

Timestamp: the instant when an event happened (or will happen), be it a server log, a comment, a commit, an email, start/end of CI build, publish time/last edited time of a video/blog post etc. Should not be long lasting events.

User: the people who refer to the timestamp to find when the event happened. The event may or may not be created by the user.

chadluo

easy_rust

Basic steps

1. install texlive-full
2. replace bare \n, \t with \n, \t
3. $ pandoc -o easy_rust.pdf --pdf-engine=xelatex --metadata pagetitle="Easy Rust" README.md

chadluo

html,
html.dark {
    font-size: 16px;
}

html.dark .is-wide-columns .column {
    width: 400px
}

html.dark .mdl.s-full {

chadluo

# usage:
# $ make

john_doe.pdf: resume.md
	pandoc -o john_doe.pdf resume.md

resume.md:
	sudo apt update
	sudo apt install pandoc texlive-base texlive-latex-extra
	echo "$$SAMPLE_MD" > resume.md

chadluo

import java.util.Set;
import java.util.stream.*;

public class Ties {

  // https://en.wikipedia.org/wiki/United_States_Electoral_College#Current_electoral_vote_distribution

  private static final String[] STATES = {
    "AL", "AK", "AZ", "AR", "CA", "CO", "CT", "DE", "DC", "FL", "GA", "HI", "ID", "IL", "IN", "IA",
    "KS", "KY", "LA", "ME", "ME-1", "ME-2", "MD", "MA", "MI", "MN", "MS", "MO", "MT", "NE", "NE-1",

chadluo

@-moz-document domain("en.wikipedia.org"), domain("en.wikiquote.org") {
body,
.mw-body-content h2 {
    font-family: 'IBM Plex Sans', sans-serif
}

.mw-body h1,
.mw-body-content h1 {
    font-family: 'IBM Plex Mono', monospace
}