VS Code: Set Preferred Quote Type for Quick Fixes

December 17, 2022 A Goodman

When working with Javascript and TypeScript, arbitrary use of single quotes and double quotes may not cause errors but will result in a lack of consistency and readability. Therefore, choosing and going with a certain quote…

Displaying Toast Messages with Tailwind CSS

July 27, 2022 Augustus

The complete example below shows you how to create a toast, a kind of alert message that mimics the push notifications that have been popularized on mobile applications. A typical toast usually contains a brief message…

Styling Figure & Figcaption with Tailwind CSS

July 26, 2022 Augustus

In HTML, the <figure> tag is used to mark up an image while the <figcaption> tag (nests inside <figure>) displays the caption that describes the associated image. The following examples show you how to style figure…

Tailwind CSS: Grid examples (with explanations)

July 26, 2022 Augustus

Tailwind CSS provides grid utilities that are handy for creating responsive layouts with rows and columns. This tutorial article walks you through a couple of examples of using Tailwind’s grid system in action. A Brief Overview…

Flutter: Uploading Files with GetConnect (GetX)

July 25, 2022 A Goodman

At the time of writing, GetX (aka Get) is the most-liked Flutter package (9.7k+ likes). This multi-purpose library provides a bunch of features, including state management, navigation & routing. You can also upload files to a…

Flutter: 6 Best Packages to Create Cool Bottom App Bars

July 22, 2022 Guest Contributor

Flutter provides several built-in widgets that can help you create a bottom bar for your app (BottomAppBar, BottomNavigationBar, CupertinoBottomTab, and maybe NavigationRail). However, there might be cases where you want to make a special bottom bar…

How to Create Image Buttons in Flutter (4 examples)

July 21, 2022 A Goodman

This practical article walks you through a couple of different ways to create image buttons in Flutter (I use network images for the coming examples so that you can readily run the code without any extra…

Using CupertinoSwitch in Flutter (iOS-Style Switch)

July 19, 2022 A Goodman

A switch (also known as a toggle) is an interactive component that lets users select between a pair of opposing values (e.g. on/off, true/false, light/dark) and has different appearances to distinguish the choice. This article shows…

How to Create an Affix/Sticky Navbar with Bootstrap 5

March 2, 2023 Augustus

A sticky navbar (or an affix navbar) is a navbar that fixates to the top of the page when you scroll past it. This practical article walks you through a complete example of creating a navbar…

Adding Borders to Cards in Flutter (2 Examples)

July 18, 2022 A Goodman

This article walks you through a couple of practical examples about adding borders to Cards in Flutter. Card Border Customization To config borders for a Card widget, focus on its shape property. We can set this…

Flutter: How to Fully Print a Long String/List/Map

July 18, 2022 A Goodman

If you’re running a Flutter with an iOS simulator or an Android emulator by using the following command: Then you’ll notice that whenever you print out a long string, list, map, or JSON data to the…

Working with ListWheelScrollView in Flutter (2 Examples)

July 22, 2022 A Goodman

This article is about ListWheelScrollView in Flutter. We’ll discover the fundamentals of the widget and then study 2 different examples. The first example is straightforward and nondescript, while the second one is a result of customization…

1 8 9 10 11 12 79