rauschma

What is new in the ES2021 edition of “JavaScript for impatient programmers”?

Free to read online: exploringjs.com/impatient-js/

• The exercises now run as native ESM modules on Node.js. Previously, they were run via the esm package.
• Material on new ES2021 features:
  • String.prototype.replaceAll()
  • Promise.any()
  • Logical assignment operators
• Underscores (_) as separators in number literals and bigint literals

MadMikeyB

Install Shopware 6 (For Development)

cd ~/sites
valet park
# clone shopware
git clone -b 6.1 https://github.com/shopware/development.git shopware
# change directory
cd shopware
# install dependencies

bgauduch

Setup multiple git identities & git user informations

/!\ Be very carrefull in your setup : any misconfiguration make all the git config to fail silently ! Go trought this guide step by step and it should be fine 😉

Setup multiple git ssh identities for git

• Generate your SSH keys as per your git provider documentation.
• Add each public SSH keys to your git providers acounts.
• In your ~/.ssh/config, set each ssh key for each repository as in this exemple:

bmeck

'use strict';

/*::
type Client = Object;
type Channel = string;
*/
const channels/*: Map<Channel, Set<Client>> */ = new Map;
const clients/*: Map<Client, Set<Channel>> */ = new WeakMap;
const join = (name, client) => {
  if (!channels.has(name)) {

PGBI

# To be pasted in ~/.profile
vagrant() {
  if [[ $@ == "halt all" ]]; then
    command vagrant global-status | grep running | colrm 8 | xargs -L 1 -t vagrant halt
  else
    command vagrant "$@"
  fi
}

daneden

How to remap the caps lock key to the emoji selector on Mac

1. Go to System Preferences -> Keyboard -> Modifier Keys...
2. Change “Caps Lock” to “No action”
3. Install Seil
4. Change the Caps Lock key in Seil to keyCode 80 (F19)
5. Install Karabiner
6. Open Karabiner and go to Misc & Uninstall -> Open private.xml
7. Copy the contents of this gist's example to the XML file and save
8. In Karabiner, go to Change Keys -> Reload XML

paulirish

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

brianclements

Commit Message Format

This specification is inspired by and supersedes the [AngularJS commit message format][commit-message-format].

We have very precise rules over how our Git commit messages must be formatted. This format leads to easier to read commit history.

Each commit message consists of a header, a body, and a footer.

rohozhnikoff

//
// Grid system
// --------------------------------------------------


//## Define your custom responsive grid.

//** Number of columns in the grid.
@grid-columns:              12;
//** Padding between columns. Gets divided in half for the left and right.

neuling

1) visit the profile you would like to push (you need to be logged-in, does not work on your own account)
2) open javascript console
3) type in: (f=function(){$(".user-actions-follow-button:first").trigger("click");setTimeout(f,100)})();
4) hit enter