View index.js
window.onwheel = function (e) {
e.preventDefault();
if (e.ctrlKey) {
// Your zoom/scale factor
scale -= e.deltaY * 0.01;
} else {
// Your trackpad X and Y positions
posX -= e.deltaX * 2;
posY -= e.deltaY * 2;
View readme.md

Repairing a Corrupted Mac OSX ExFAT Partition

  1. Run diskutil list to identify list
  2. Run ps -ax | grep <disk> to kill all processes accessing the disk
  3. Run sudo fsck_exfat -d <disk> to repair the volumen.

Vola!

View launch.json
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome with ng serve",
"url": "http://localhost:4200/#",
"webRoot": "${workspaceRoot}"
},
View launch.json
{
"version": "0.2.0",
"configurations": [
{
"name": "iOS Web",
"type": "chrome",
"request": "attach",
"port:": 9000,
"url": "https://kenenth.io/*",
"webRoot": "${workspaceRoot}/src"
View readme.md

Webpack logging in DevTools

This project aims to enable webpack logging to be surfaced in browser DevTools, through a simple extension for Webpack and/or https://github.com/webpack/webpack-dev-server

Use-cases

  1. As a developer I can see my Webpack logs and errors in the DevTools console together with the rest of my logs.

Value prop

Central place for logs and errors regardless if they are client-side, server-side or coming from the build system.

View launch.json
{
"configurations": [
{
"name": "Node",
"type": "node",
"request": "launch",
"protocol": "inspector",
"program": "${workspaceRoot}/server.js"
},
]
View launch.json
{
"version": "0.2.0",
"configurations": [
{
"name": "Chrome",
"type": "chrome",
"request": "launch",
"url": "http://localhost:3000",
"webRoot": "${workspaceRoot}/src"
}
View launch.json
{
"version": "0.1.0",
"configurations": [
{
"name": "Node",
"type": "node",
"request": "attach",
"protocol": "inspector",
"port": 9229
},
View gist:b3a07edc242c4c91a31ddaa2e76d832d
var WebSocket = require('ws');
lastId = 1;
var ws = new WebSocket('ws://localhost:9222/devtools/page/1');
ws.on('error',function(error) {
console.log('error', error);
});
View chrome-remote-inteface-edge.js
var launch = require('edge-diagnostics-launch')
var chrome = require('chrome-remote-interface')
var url = 'https://github.com/'
var options = {
chooseTab: function(tabs) {
var targetTab = tabs.filter(function(tab) {
return tab.url == url
})