travisbrown

Twitter ID, Screen name, Followers
12,jack,6526006
13,biz,2608289
20,ev,1679155
57,SarahM,17448
59,Tim535353,9340
76,marciadorsey,19501
224,davepell,57523
291,goldman,916937
295,joshk,149086

eyecatchup

const HttpsProxyAgent = require('https-proxy-agent')

const proxy = new HttpsProxyAgent('http://1.2.3.4:3128')

module.exports = {
    // ...
    configureWebpack: {
        devServer: {
            // ...
            proxy: {

eyecatchup

Search Chrome Devtools history

1. Undock the console (click on the icon in the bottom-left corner, ![undock icon][1]).
   (if you don't see ![the undock icon][2], but ![][3], then hold the mouse pressed for a few seconds to get the desired icon)
2. Press Ctrl + Shift + J to open the console for this console. (On OSX use Cmd + Option + i)
3. Use the following snippet to get an array of matches for your search term:

const searchHistory = query => {console.dir(JSON.parse(localStorage.getItem('consoleHistory')).filter(function(item){ return ~item.indexOf(query);}))}
searchHistory('token')

eyecatchup

The Scroll Behavior specification has been introduced as an extension of the Window interface to allow for the developer to opt in to native smooth scrolling. To date this has only been implemented in Chrome, Firefox and Opera.

There's a complete polyfill here (3.3KB minified). But most of the times, the following is enough for me (641 bytes minified):

smooth-scrolling-poyfill.js

Use as: scrollToElem('#elem-selector');

tkrotoff

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Like this? Check React Native vs Flutter: https://gist.github.com/tkrotoff/93f5278a4e8df7e5f6928eff98684979

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Csvelte%2Cangularjs%2Cvuejs3

surma

{
  "name": "tsquickstart",
  "version": "1.0.0",
  "description": "Boilerplate for quick one-off TypeScript projects. Just run `npm start`",
  "scripts": {
    "init": "test -f tsconfig.json || (tsc --init -t ESNext -m ESNext && npm install)",
    "start": "npm run init && concurrently \"npm run watch\" \"npm run serve\"",
    "serve": "http-server",
    "watch": "tsc -p . --watch",
    "build": "tsc -p ."

eyecatchup

/* Helper function, required if jQuery is not available */
var ajax = function ajax(method, url, callback) {
    var xhr = !!window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP");
    xhr.onreadystatechange = function() {4 == this.readyState && callback(xhr)};
    xhr.open(method, url, true);
    xhr.send();
};

function do_something(coords) {
    // Do something with the coords here

eyecatchup

Git Tips & Tricks

Oups Tricks

The "I forgot something in my last commit" Trick

# first: stage the changes you want incorporated in the previous commit
 
# use -C to reuse the previous commit message in the HEAD

eyecatchup

CSS Compression

---

Resources to help comparing & evaluating different CSS compressing techniques in general, and specifically different open-source CSS compressor implementations, with a clear focus on, but not limited to, JS/NodeJS based tools.

(CSS) Compression Techniques

"Long, fragile lists of self-contradictory rules"
— Douglas Crockford on CSS

eyecatchup

(function(window) {
    "use strict";

    var mutations = {
        attrib: [],
        childs: {
            add: [],
            del: []
        }
    };