Posts

macOS tips and tricks

macOS tips and tricks

Sam
macOS commands # on bash / zsh shell du -hsx .[^.]* | grep vscode sam@SamsMacBookPro ~ % du -hsx .[^.]* | grep vscode 1.5G .vscode The du utility displays the file system block usage for each file argument and for each directory in the file hierarchy rooted in each directory argument. If no file is specified, the block usage of the hierarchy rooted in the current directory is displayed.

Handling Markdown Imports in Webpack and Vite

a detailed guide

Markdown is a popular format for writing content, especially in the world of web development. However, importing Markdown files into JavaScript projects can be tricky. In this post, we’ll explore how to configure Markdown imports in two popular build tools: Webpack and Vite. Importing Markdown in Webpack Webpack is a static module bundler for modern JavaScript applications. To import Markdown files in a Webpack project, follow these steps: Step 1: Install raw-loader First, install raw-loader:

Styled Reusable Components in React

create reusable components in React

Sam
The process of creating and reusing styled React components using Tailwind CSS. Tailwind CSS is a utility-first CSS framework that allows for rapid UI development, making it a great choice for modern web development. Integrating Tailwind with React can enhance your development workflow significantly. Here’s a step-by-step guide: 1. Setting Up Your Project To start, you need a React project. If you haven’t already created one, you can do so using Create React App:

tools for the modern web development

tools for the modern web development

Sam
| Name | Purpose | | — | — | OpenAI GPT-4 and DALL-E Integration | A state-of-the-art language model capable of generating human-like text, perfect for writing articles, scripts, and even poetry. | copycat | Generate production-friendly code from Figma designs. Build stunning apps and web pages faster. Dracula Theme | A dark theme for almost everything.

What are Alternatives to OpenAI for Comprehensive AI Generation

List of alternative tools in the market

As the field of AI continues to evolve, finding tools that seamlessly integrate text, image, and video generation is becoming increasingly important. While ChatGPT and DALL-E are renowned for their capabilities in text and image generation respectively, an all-in-one package covering all three aspects remains a challenge. This article explores some notable alternatives that blend these elements to varying degrees. OpenAI GPT-4 and DALL-E Integration OpenAI GPT-4 and DALL-E Integration: While not a direct alternative, using OpenAI’s GPT-4 for text generation and DALL-E for image generation in a coordinated manner can cover both aspects.

Fascinating Facts About Malaysia

Sam
Introduction Malaysia, a country rich in cultural diversity and natural beauty, offers a unique blend of modern development and traditional charm. In this post, we’ll explore some fascinating facts about this Southeast Asian nation. Geographic Diversity Malaysia is split into two regions: Peninsular Malaysia and East Malaysia, located on the island of Borneo. This geographic division contributes to its diverse landscapes, ranging from lush rainforests to stunning beaches. Cultural Melting Pot One of Malaysia’s most remarkable aspects is its multicultural society.