Welcome to blog.codewithshin.com

My article list by category

7 min readFeb 19, 2021

Welcome to blog.codewithshin.com. This is where I share my passion for programming and terminal tools.

My name is Shinichi Okada, but my friends and family call me Shin. I started coding in early 2000 to help my wife’s website. A self-taught programmer, I am a mathematics teacher by profession. My programming skills include Svelte, Python/Jupyter, Bash Script, Node/JS, PHP, and LaTeX.

I love sharing what I learn and making your coding life easier. 1.5M+ views so far motivate me to continue creating quality articles. I’d like to say thank you to those who follow me.

I’m the editor of a Medium publication called mkdir Awesome. The main goal of the publication is to showcase programmers' work, app, and command-line tools. There will be programming tips and tutorials as well.

Here is the list of my articles by category.

Table of Contents
· Top Articles
· Bash, POSIX, and Shell Scripting
· Command-line/Terminal/Tools
· CSS
· DigitalOcean/Server
· Docker
· Email Marketing/Sendy
· FastAPI
· Git/GitHub/GitHub Pages
· Homebrew
· JavaScript
· Jupyter
· LaTeX
· Learning
· Linux/macOS
· MongoDB
· Node
· PHP
· Programming
· Python
· Redis
· Rust lang
· Stats
· Svelte/SvelteKit
· Web publishing/Vivliostyle
· Web development
· Windows
· Writing
· Newsletter

Bash, POSIX, and Shell Scripting

==== Bash ====- The Ultimate Programmer’s Guide to Bash Scripting- Automating SVG Icon Creation for Svelte- The Ultimate Guide to Modularizing Bash Script Code- 8 Bash Script Tips for Automation Projects- How to Convert PDFs to Images From Your Terminal- 4 Bash Script Helpers to Get More Done- 14 Fantastic Learning Tools and Resources for Bash Scripting- 27 Simple Bash Scripting Tips for Beginners- Comparing SH, BASH, KSH, and ZSH Speed- Bash Indirection With Examples==== POSIX =======- 24 Bashism To Avoid for POSIX-Compliant Shell Scripts- POSIX Alternatives for Readlink- 8 POSIX Shell Parameter Expansions Explained with Examples- Case Transformation in Bash and POSIX with Examples===== Shell Script =====- A Shell Script Starter for Small to Large Projects

Command-line/Terminal/Tools/CLI

- The Ultimate Guide to Your Terminal Makeover 2021 (Update 2021-03-30)- Generating Responsive Image Tags with Imgtaggen- How to Use Batch Image Converter: Bimgc- Terminal Tips for Doing Less Typing- 6 Linux Commands for Data Scientists- Discover and Rejuvenate Your Music Library with the Command-line- GNU Uniq Command with Examples- Dotfiles Could Be the Most Important Files on Your Computer. Are You Backing Them Up?- How To Create a Terminal Typewriter Effect- Automate Your Terminal Makeover- 9 Terminal Commands You Can Start Using Today- Master Mac/Linux Terminal Shortcuts Like a Ninja- A New Simple Package Manager for Script Languages- How To Make macOS Command Utilities Compatible With GNU Core Utilities- Rust-Powered Command-Line Utilities to Increase Your Productivity- 7 Awesome Rust-powered command-line utilities- How to Use Manop to Print Only Selected Content From the Man Page- Install Backpack for Laravel with Homebrew- Install Gitstart with Homebrew- How to Automate Cleaning up Your Trash and Downloads Directory==== Text Effects Series=====- Amazing Animated Text Effects from Terminal- Best CSS Text Animations from Terminal- 5 Animated CSS Text Effects from Command Line- Another Three CSS Text Effects from Command-Line- 5 More Unique Text Effects from Command-Line- 5 Command-Line Text Effects for Your Programming Article- Bash Script to Clip an Image to Text

CSS

- How to Change the Bootstrap 5 Tooltip Background Color

DigitalOcean/Server

- How to Fix DigitalOcean Permission Denied (publickey)- How to Host Multiple Websites with Apache Virtual Hosts

Docker

- How to Run Jupyter Notebook on Docker- Three Ways to Create Dockernized LaTeX Environment

Email Marketing/Sendy

- How To Build a Successful Self-Hosted Email Newsletter Platform

FastAPI

- Building a Website Starter with FastAPI- How to Deploy a FastAPI App on Heroku for Free- How to Build a Drag & Drop Form with FastAPI & JavaScript

Flowbite-Svelte

- Getting Started with Flowbite-Svelte

Git/Github/GitHub Pages

- Two Easy Ways to Publish Your Svelte Project on GitHub Pages- GitHub and Gist Markdown Now Support Mermaid- How to Create a Git Hook to Push to Your Server and Github Repo- Automate Creating a New GitHub Repository with “Gitstart”- 3 Steps to Improve Your GitHub Overview Page

Homebrew

- How To Automate Homebrew Installs on Your New Mac or Linux- A Step-by-Step Guide To Create Homebrew Taps From GitHub Repos- How to Install x86_64 Homebrew Packages on Apple M1 MacBook- Install Backpack for Laravel with Homebrew- Install Gitstart with Homebrew

JavaScript

- How to Create Flickr Search with JavaScript and Python- How to Create Unsplash Search with JavaScript and Python- Lessons Learned from Converting Html to Image

Jupyter

- 7 Essential Tips for Writing With Jupyter Notebook- How to Run Jupyter Notebook on Docker- A Painless Jupyter Notebook Code Review and Diff- How to Draw Venn Diagrams on Jupyter- How to Create a Grouped Bar Chart With Plotly Express in Python- How to Create an Animated Choropleth Map with Less Than 15 Lines of Code- How to Create an Animated Bar Chart in Jupyter- Line Chart Animation with Plotly on Jupyter- How to Create an Interactive Dropdown in Jupyter- How to Create an Attractive Bubble Map in Jupyter- Investigating Numpy and Pandas the Delta Degree of Freedom- Productivity Tips for Jupyter Users- Version Control With Jupyter Notebook- Hands-On Jupyter Notebook Hacks- Beginner’s Guide to Jupyter Notebook

LaTeX

- Three Ways to Create Dockernized LaTeX Environment- How to Auto-Update PDF When Working on LaTeX

Learning

- A Complete Guide to Creating Distance Learning Lessons- Gradebook Streamlined for Teachers

Linux/macOS

- A Step-by-Step Guide to Debian Package Creation on MacOS- How to Create a Simple Debian Package With Automation Tool- How To Create a Basic Debian Package- How to Install and Set up Ubuntu 20.04 on an Old MacBook Pro- The Complete Guide to Cron and Launchd in macOS/Linux- 7 Tips To Effectively Use the Man Page in Linux- My PATH Variable is a Mess- Run an Instant Ubuntu VMs on Mac/Windows/Linux

MongoDB

- Three Ways to Connect to MongoDB
- How to Reset MongoDB Every Day

Node

- How to Use NPM Link to Create a SvelteKit Component Library

PHP

- Installing Backpack for Laravel Modules with a Line of Command

Programming

- Upgrade Your Static Website To A Progressive Web App: A Beginner’s Guide And Resources- A Complete Guide To Building A Professional Docs Website From Your GitHub README File- The Busy Web Developer’s Guide to Adding Schema.org: Tips and Resources- 7 Free Online Books and Resources That Cover Most Programming Languages- Build a Simple PHP Login Form With reCAPTCHA V3- Three Ways to Alternate Progress Bar Colors- Getting Started with Deno: Nodejs Alternative

Python

- Python Environment 101- A Python Package to Create Stats Figures with Ease- Venn Diagram Python Package: Vennfig

Redis

- How to Implement Geospatial Searches Using Express, Ioredis, and Upstash Database

Rust lang

- You Want to Learn Rust but You Don’t Know Where to Start- Learning Rust by Converting Python to Rust- A Comprehensive Tutorial to Rust Operators for Beginners- What You Should Know About Unsigned, Signed Integers and Casting in Rust

Stats

- The Subtlety of Spearman’s Rank Correlation Coefficient- Exploring Normal Distribution With Jupyter Notebook- Modeling Functions- Gentle Introduction to Chi-Square Test for Independence- Data Sources for Your Next Data Science Project- A Measure of Linear Relationship- Spearman’s Rank Correlation Coefficient Using Ordinal Data

Svelte/SvelteKit

- Creating A Sidebar Menu Layout With SvelteKit- Creating Optimized Responsive Image Tags with Svelte- How to Optimize Svelte Component Libraries by Adding Individual Exports- How to Update Svelte Components with SvelteKit 1.8- How to Create Svelte Component Libraries with SvelteKit 1.5- A Piece of Cake! Deploying SvelteKit on GitHub Pages- Creating a Svelte Tabs component with Slot props- A One-Liner to Start SvelteKit Project- How to Create a Component Props Table from Your Svelte Files- How to Improve Your Sidebar Menu Using Svelte-Sidebar-Menu and Flowbite-Svelte- New Font Awesome SVG Icons for Svelte- 4 New Features for the Svelte Sidebar Menu- How to Animate a Svelte Component When It Comes Into View- New Flag, Lucide, and Feather SVG Icon Components for Svelte- How to Add a Comments Section to Your SvelteKit Project- Over 2.1K Free Brand SVG Icons for Svelte- SvelteKit Easy Deployment with Vercel- Heroicons for Your Svelte Project- Flowbite-Svelte Button Components- Flowbite-Svelte Responsive Modal Components- Flowbite-Svelte Alert Components Powered by Tailwind CSS- How to Set Up Flowbite with a SvelteKit- How to Create Svelte Component Libraries with SvelteKit- Svelte 3.46 New Features- A Svelte Sidebar Menu Component Implemented with Tailwind CSS- 8 Popular Svelte UI Components

Web publishing/Vivliostyle

- Transform Your Markdown Docs into Professional PDFs for Your Website with Vivliostyle

- How to Create a PDF Book from Markdown, HTML, and CSS

- Vite, Nuxt, Vitest, and Vitepress PDF Documents

- How to Create a PDF Book from Markdown, HTML, and CSS

- React PDF Document in 10 Languages

- Read Svelte and SvelteKit Documentation in PDFs

Web development

- 20 Vi/Vim Survival Tips for Beginners- 12 Vi/Vim Delete Command for Beginners- From Heroku to Deta to Host Python Project for Free- Converting Images to WebP From Terminal- How to Add a Trigger to Track Unsplash Photo Download

Windows

- How to Resurrect a Windows 7 PC and Install Linux Subsystem

Writing

- A Free Tool to Add Text to Image in Seconds- Seven Free Japanese Illustration Sites for Your Next Article- Top 10 Independent Medium Publications for Programming Article- 15 Writing Lessons on How to Improve Your Technical Articles- How to Create a Clickable Table of Contents to Increase Traffic

Get full access to every story on Medium by becoming a member.