josephrexme

tmux cheat sheet

(C-x means ctrl+x, M-x means alt+x)

Prefix key

The default prefix is C-b. If you (or your muscle memory) prefer C-a, you need to add this to ~/.tmux.conf:

remap prefix to Control + a

devbyray

Intro

For this Frontend Code review I did a check for Strich.io. The code can be checked here:

• https://github.com/bl4ckdu5t/strich/
• https://github.com/bl4ckdu5t/stylesheet

Development Architecture

• Don't check-in the "node_modules", and "dist" folder. Add it to the .gitignore file. If people will use this repository, the must run Gulp by default, so it's gonna be overwritten. Instead check-in the package.json.

CSS

tomhodgins

This is a collection of responsive techniques made possible by EQCSS that apply styles in situations CSS can't quite reach today without a little help from JavaScript.

EQCSS extends CSS syntax with the following ideas:

1) What if CSS could set a scope for a selector like a @media query for an element

2) What if CSS could add a block of CSS styles to the page when that selector is true

3) What if CSS could add responsive conditions to that selector

rauschma

// Lazy (=on-demand) zip()
for (const [i, x] of zip(naturalNumbers(), naturalNumbers())) {
    console.log(i, x);
    if (i >= 2) break;
}
// Output:
// 0 0
// 1 1
// 2 2

third774

// The reducer function looks at each action that comes in
// and based on the type generates a new state based on the
// previous state and any additional data the action carried
const reducer = (state, action) => {
  switch (action.type) {
    case "COUNT_INCREMENT":
      return {
        ...state,
        count: state.count + 1
      };

relaxnow

/**
 * Bit of code you can run in your developer toolbar or on https://jsfiddle.net .
 * 
 * Fill in the characteristics of your own 'public file' solution and acceptance criteria.
 */
(function(){
    'use strict';

    // dec=10,hex=16,[A-Z0-9]=36, etc.
var CHARACTER_COMBINATIONS = 16,

WebReflection

/**
 * so here the thing ... you go in your github page
 * as example I go here: https://github.com/WebReflection
 * you open your console
 * you copy and paste this shit
 * then you write and execute in the console
 * write("Hi There!");
 * NOTE: Pixel Font from a 2006 project of mine :-) http://devpro.it/pixelfont/
 */
function write(text, color, start) {

FiniteLooper

var list = $$("#item-page-wrapper .list-items table tbody .lineItemMainInfo .lineItemPart strong");
var total=0;
for(i=0; i<list.length;i++){
  total += parseFloat(list[i].innerText.replace("$",""));
}
alert(list.length+" items for a total of: $"+total.toFixed(2));

jlongster

A lot of people mentioned other immutable JS libraries after reading my post. I thought it would be good to make a list of available ones.

There are two types of immutable libraries: simple helpers for copying JavaScript objects, and actual persistent data structure implementations. My post generally analyzed the tradeoffs between both kinds of libraries and everything applies to the below libraries in either category.

Libraries are sorted by github popularity.

Persistent Data Structures w/structural sharing

tomhodgins

function cibc2csv() {
  var table = document.querySelector('table.smart-account')
  var csv = ''
  var head = []
  var row = []

  // read header cells
  table.querySelectorAll('thead th').forEach(th => {
    head.push(`${trim(th.textContent)}`)
  })