siwalikm

#!/bin/zsh
# you can install cwebp in mac with `brew install webp`

# Default quality value
quality=80

# Parse command-line options
while getopts "q:" opt; do
  case $opt in
    q) quality=$OPTARG ;;

siwalikm

const div = document.createElement('div');
div.style.background = '#000000d9';
div.style.bottom = '0px';
div.style.color = 'white';
div.style.left = '0';
div.style.padding = '15px';
div.style.position = 'fixed';
div.style.fontSize = '16px';
div.style.width = '100%';
div.style.zIndex = '99999';

siwalikm

JetBrains Mono - https://www.jetbrains.com/lp/mono
Fira Code - https://github.com/tonsky/FiraCode
Cascadia Code - https://github.com/microsoft/cascadia-code
Iosevka - https://github.com/be5invis/Iosevka
Hasklig - https://github.com/i-tu/Hasklig
Monoid - https://larsenwork.com/monoid/
Victor Mono - https://rubjo.github.io/victor-mono
Monaspace - https://monaspace.githubnext.com

siwalikm

prompt:

A [nationality] woman sitting on a couch, 24 year old, social media, cute sweater over dress, big smile, beautiful dark hair, shot on iPhone, no filter, plant blurred in background, hands or palm not in frame

Negative prompt: >(no hands visible, bad hands, worst quality, low quality, normal quality, lowres, low details, oversaturated, undersaturated, overexposed, underexposed, grayscale, bw, bad photo, bad photography, bad art:1.4), (watermark, signature, text font, username, error, logo, words, letters, digits, autograph, trademark, name:1.2), (blur, blurry, grainy), morbid, ugly, asymmetrical, mutated malformed, mutilated, poorly lit, bad shadow, draft, cropped, out of frame, cut off, censored, jpeg artifacts, out of focus, glitch, duplicate, (airbrushed, cartoon, anime, semi-realistic, cgi, render, blender, digital art, manga, amateur:1.3), (3D ,3D Game, 3D Game Scene, 3D Character:1.1), (bad hands, bad anat

siwalikm

#!/bin/bash
# example branch name - TEAM-1234-FEAT-btn-revamp

# Select branch type
branch_type_options=("FEAT" "FIX" "CHORE" "HOTFIX")
echo "Select branch type:"
select branch_type in "${branch_type_options[@]}"
do
  if [[ -n $branch_type ]]; then
    break

siwalikm

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "workbench.colorTheme": "GitHub Dark Dimmed",
  "editor.fontLigatures": true,
  "editor.fontFamily": "'JetBrains Mono', Menlo, Monaco, 'Courier New', monospace",
  "editor.wordWrap": "on",

siwalikm

Frontend Technical Interview Prep

EDIT: Well this has been linked now so just an FYI this is still TBD. Feel free to comment if you have suggestions for improvements. Also here is an unrolled Twitter thread of a lot of the tips I talk about on here.

I've been doing frontend for a while now and one thing that really gripes me is the interview. I think the breadth of knowledge of a "Frontend Engineer" has been so poorly defined that people really just expected you to know everything. Many companies have made this a hybrid role. The Web is massive and there are many MANY things to know. Some of these things are just facts that you learn and others are things you really have to understand.

Every time I interview, I go over the same stuff. I wanted to create a gist of the TL;DR things that would jog my memory and hopefully yours too.

Lots of these things are real things I've been asked that caught me off guard. It's nice to have something you ca

siwalikm

// Implementing insert and delete methods in a tri-nary tree. Much like a
// binary-tree but with 3 child nodes for each parent instead of two -- with the
// left node being values < parent, the right node values > parent, and the middle node
// values == parent.

function Node(val) {
  this.value = val;
  this.center = null;
  this.left = null;
  this.right = null;

siwalikm

[
  {
    "id": "large_brown_square",
    "name": "Large Brown Square",
    "short_names": [
      "large_brown_square"
    ],
    "colons": ":large_brown_square:",
    "emoticons": [],
    "unified": "1f7eb",

siwalikm

// Credits to the following posts that helps me to reduce build times drastically

// https://discuss.emberjs.com/t/tips-for-improving-build-time-of-large-apps/15008/12
// https://www.gokatz.me/blog/how-we-cut-down-our-ember-build-time/


//ember-cli-build.js
let EmberApp = require('ember-cli/lib/broccoli/ember-app');

let env = EmberApp.env(),