Responsive images. What to use: img or picture?The img and picture tags are designed for loading images. Each of them allows you to define a set of rules according to which the browser will choose which of the images to load. Let's take a look at the syntax and differences of these tags. First, y...1TAug 9, 2021 · 5 min readnightzen.hashnode.dev
How to create a Next.js project with TypeScript, Jest, React Testing Library and Test RendererFirst, create a TypeScript project with create-next-app using the --ts or --typescript flag like so: yarn create next-app --typescript or npx create-next-app --ts Add required libraries: yarn add -D jest @types/jest react-test-renderer @types/react-t...1MJul 31, 2021 · 2 min readnightzen.hashnode.dev
How to create a readme.md? The Markdown Markup Language: Syntax and UsageMarkdown is a lightweight markup language for adding formatting to regular text documents. Using Markdown Most people use Markdown for content creation, such as blog articles or email newsletters. Most git repos have a README.md file that contains a ...Jul 27, 2021 · 2 min readnightzen.hashnode.dev
Terminal customization and expansion: Oh My Zsh and VSCodeOh My Zsh is a delightful open source framework for managing Zsh configuration. It comes bundled with thousands of useful features, plugins and themes. For Oh My Zsh to work, you need to have Zsh installed. Installing on Linux The installation proces...Jul 27, 2021 · 3 min readnightzen.hashnode.dev
Increasing coding rate: Emmet and its use in VSCodeEmmet is a text editor utility that makes writing and editing code easier and faster. Originally the word "Emmet" meant an ant - a small insect that can carry 50 times its weight. To use Emmet, you need to download and install the plugin for the text...Jul 26, 2021 · 7 min readnightzen.hashnode.dev