How to toggle Auto Save in VS Code

September 27, 2020 Goodman

How to toggle Soft Keyboard in iOS Simulator

September 27, 2020 Linda Walker

How to reset VS Code to the default settings

September 23, 2020 Goodman

This is a guide on how to reset Visual Studio Code to the default settings for both Windows and macOS users. The Steps 1. Go to View > Command Palette or press Cmd + Shift +…

How to launch VS Code using command line (2020)

September 23, 2020 Goodman

This article shows you how to how to add code to the path in Windows and macOS so that you can launch the VS Code in any directory by running: You can also open a file…

React: “I agree to terms” checkbox example

September 21, 2020 Goodman

In this article, we’ll create a simple React project with a checkbox and a button: If the checkbox is unchecked, the button will be disabled and can not be clicked. If the checkbox is checked, the…

How to change font size in VS Code

September 21, 2020 Ken Fisher

This article shows you 2 ways to increase or decrease the font size in Visual Studio Code (VS Code). Method 1: Using hotkeys For macOS users: Press “Cmd” + “+” to increase the font size Press…

VS Code: How To Change Indentation (2 spaces, 4 spaces)

September 21, 2020 Goodman

This article shows you how to change the indentation in VS Code. 1. Open your VS Code and: Go to Code > Preferences > Settings if you’re using macOS Go to File > Preferences > Settings…

VS Code: How To Change Color Theme

September 21, 2020 Goodman

This article shows you how to change your VS Code’s color theme. 1. Launch VS Code. If you’re using macOS, go to Code > Preferences > Color Theme. If you’re using Windows, go to File >…

NPM: How To Show All Globally Installed Packages

September 21, 2020 Goodman

To show all globally installed npm packages on your computer, just run the following command: Here is my output: If you want to see all global packages and their dependencies, use this:

How to use Font Awesome 5 with Next.js

September 16, 2020 Ken Fisher

The example below shows you how to use Font Awesome 5 with Next.js. 1. Create a new Next.js project then install the required packages: 2. Edit the page/_app.js file (create one if it doesn’t exist): Note…

How to add Favicon to a Next.js app

September 16, 2020 Goodman

This article shows you how to add a favicon into a Next.js project through a few easy steps listed below. Step 1: Copy your favicon file (my one named favicon.ico) to the public folder located at…

Docker Desktop system requirements (Windows, macOS)

September 16, 2020 Goodman

Before installing Docker Desktop for Windows or macOS, just check the system requirements listed below. Windows Minimum system requirements OS: Windows 10 64-bit: Pro, Enterprise, or Education (Build 16299 or later) Processor: 64-bit processor with Second…

Flutter system requirements on Windows and macOS

August 21, 2020 Goodman

Below are the system requirements to install and run Flutter on Windows and macOS. Windows Minimum requirements: OS: Windows 7 SP1 64-bit, Windows 8.1 64-bit, Windows 10 64-bit Free storage: 1.32 GB Pre-installed tools: Windows PowerShell…

Flutter error: Could not resolve the package ‘characters’ in…

August 13, 2020 Goodman

Problem When running a Flutter app, you may see this error message: This often occurs after upgrading Flutter to a newer version. Solution To fix the mentioned error, I just upgrade all the dependencies listed in…

How to disable Landscape mode in Flutter (2020)

August 10, 2020 Goodman

This article shows you how to disable the landscape mode in Flutter. 1. Import the services library to your main.dart file: 2. Add the code snippet below to the main() function in your main.dart file: 3….

Install Flutter and Dart plugins in Android Studio

August 10, 2020 Goodman

This article shows you how to install Flutter and Dart plugins in Android Studio (you’ll see warnings when running flutter docker if these plugins haven’t installed yet). 1. Open your Android Studio, click Configure and select…

How to make round buttons in Flutter (2020)

July 29, 2020 Goodman

An easy and good way to create a round button (not “rounded button” or “pill button”) in Flutter is to wrap a RaisedButton widget inside a square Container and using the BorderRadisu class. Sample code:

How to determine mobile or desktop in React

July 6, 2020 Voldermort

An easy solution to determine whether your React app is rendering on a mobile device or a computer is to use a library called react-device-detect. Example Installation: The code: Check it out with Chrome developer tool:…

How to make a modal box from scratch in ReactJS

July 6, 2020 Ken Fisher

This article shows you how to code a modal box from scratch in ReactJS without any third-party libraries. Prerequisites: Basic ReactJS knowledge Basic CSS knowledge This is how our modal works: The Code Create a new…

1 2 3 5