Create macOS Big Sur ISO Image File

First download macOS Big Sur From Apple with App Store. Quit installator with ⌘+q, then create new empty volume:

sudo hdiutil create -o /tmp/BigSur -size 16384m -volname BigSur -layout SPUD -fs HFS+J

Mount new volume:

sudo hdiutil attach /tmp/BigSur.dmg -noverify -mountpoint /Volumes/BigSur

Create bootable dmg and copy to new volume:

sudo /Applications/Install\ macOS\ Big\ --volume /Volumes/BigSur --nointeraction

Eject installator:

hdiutil eject -force /Volumes/Install\ macOS\ Big\ Sur

Convert dmg to cdr file:

hdiutil convert /tmp/BigSur.dmg -format UDTO -o ~/Downloads/BigSur

Rename cdr to iso:

mv -v ~/Downloads/BigSur.cdr ~/Downloads/BigSur.iso

Delete original created dmg file:

sudo rm -fv /tmp/BigSur.dmg

How to create a bootable installer for macOS


Retrieve IP adress of AirPrint Printer

You can use ippfind command that finds services registered with a DNS server or available through local devices. Its primary purpose is to find IPP printers and show their URIs, show their current status, or run commands.


Then you get local adress of printer (Internet Printing Protocol (IPP, RFC 2911)):


then ping local address

ping 3036B5000000.local

and here we go

PING 3036B5000000.local ( 56 data bytes
64 bytes from icmp_seq=0 ttl=64 time=262.342 ms
64 bytes from icmp_seq=1 ttl=64 time=285.290 ms

our printer has


November 2020


  • dog is a command-line DNS client.
  • Yarn.BUILD
  • Carbon - Create and share beautiful images of your source code.
  • Shiki - Shiki is a beautiful Syntax Highlighter. Demo.


  • No Design DEV - A collection of tools for developers who have little to no artistic talent.
  • SVGBox - SVGBox makes it dead-easy to include icons in your project. Simple <img> tags
  • SimpleIcons - 1463 Free SVG icons for popular brands


  • Veloretti - Lightweight, handmade in Europe, a damn good design and no fuss.
  • Dafilms - documentary movies online


  • ROCK Pi 4 - single board computer with M.2 connector supports up to 2T M.2 NVME SSD


CSS Framweorks

Full frameworks

  • Tailwind CSS - a utility-first CSS framework for rapidly building custom designs.
  • Twitter Boostrap - world’s most popular front-end open source toolkit
  • Bulma - Bulma is a free, open source CSS framework based on Flexbox
  • UIKit - Lightweight and modular front-end framework


  • MVP.css - A minimalist stylesheet for HTML elements
  • Picni.css - Lightweight and beautiful CSS library


Awesome Markdown editors


I am just found the best (for me) Markdown editor on the planet. Why?

  • it's freeware and opensource
  • it's minimalistic and easy to use
  • combine wysiwyg and plaintext editing
  • support folders, front matter, custom styles,
  • allow quick file open ⌘ + ⇧ + O 😍
brew cask install typora


Caret is a Markdown editor for Mac, Windows and Linux. It stands out with its clean interface, productivity features and obsessive attention to detail. ($29)

brew cask install caret


Markdown note taking app supports tags, dark theme, zen mode, multi edit and so on

brew cask install notable


Open source Markdown editor inspired by Mou, with live preview of extended markdown syntaxes

brew cask install macdown

Visual Studio Code

brew cask install visual-studio-code


HTML Skeleton

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8"/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta name="author" content=""/>

    <!-- OG -->
    <meta property="og:title" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>

    <!-- Twitter card -->
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:image:alt" content="image description"/>

    <!-- Sitemap & RSS feed -->
    <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"/>
    <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>

    <!-- Tailwind -->
    <link href="^2/dist/tailwind.min.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet"/>

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
<body class="font-sans text-gray-900 leading-normal tracking-normal grid min-h-screen">
  <main class="grid items-center order-first">
  <script src="app.js" async></script>



Yarn tips and tricks

Chose Yarn version

Let’s find out your current Yarn version with yarn --version. If your local Yarn version is 1.22 and above go ahead and type-in:

yarn set version berry

This should fetch Yarn 2 and show you an output as follows:

Resolving berry to a url...
Saving it into /Volumes/Work/web/.yarn/releases/yarn-berry.cjs...
Updating /Volumes/Work/web/.yarnrc.yml...

You can downgrade back with follow:

yarn set version 1.22.5

Upgrade all npm packages interactively

This is similar to npm-check interactive update mode. It provides an easy way to update outdated packages

yarn upgrade-interactive --latest 

Will looks like follow:

[1/? Choose which packages to update. (Press <space> to select, <a> to toggle all, <i> to inverse selection)

❯◯ autoprefixer      6.7.7  ❯  7.0.0
 β—― webpack           2.4.1  ❯  2.5.1

 β—― bull              2.2.6  ❯  3.0.0-alpha.3
 β—― fs-extra          3.0.0  ❯  3.0.1
 β—―         1.7.3  ❯  1.7.4
 β—―  1.7.3  ❯  1.7.4

Offline package mirrors

Yarn can maintain offline copies of your packages for more repeatable and reliable build. Create .yarnrc file with follow content:

yarn-offline-mirror "./.npm"
yarn-offline-mirror-pruning true
--install.prefer-offline true true

All npm packages will be saved to .npm folder locally.