Collection

155

Share recommendation Visual Studio Code extensions

Visual Studio Code

154

Pick the first and last items of an array

JavaScript

153

Escape CSS class names

CSS

152

Find the root NPM package to update

NPM

151

Create a big file on Linux

Command Line

150

Compose multiple React providers

React

149

Avoid using multiple <h1> tags per page

HTML

148

Avoid boolean parameters

JavaScript

147

Avoid using the <b>, <i>, <s> and <u> tags

Accessibility, HTML

146

Avoid skipping heading levels

Accessibility, HTML

145

Fold CSS declarations with region markers

CSS, Visual Studio Code

144

Quickly type color variables

Visual Studio Code

143

Skip questions when creating a package.json file

NPM

142

Don't mix styles of an element with its container

CSS

141

List branches sorted by most recent commit date

Git

140

Specify the doctype

HTML

139

Use DocumentFragments when adding a big list of elements

DOM, JavaScript

138

Access local webpack dev servers from external devices

Webpack

137

Omit values of HTML boolean attributes

HTML

136

Pick given properties from a JSON representation

JavaScript

135

Use multiple SSH keys for different GitHub accounts

Git

134

Use the datetime attribute when displaying dates, times

HTML

133

Open all links in new tabs

HTML

132

Persist Console logs between page refreshes

DevTools

131

Create a multiline strings

JavaScript

130

Create a custom emoji cursor

CSS

129

Highlight text with the mark element

HTML

128

Force the browsers to download new favicon

HTML

127

Lazy loading images with the loading attribute

HTML

126

Create shapes with the clip path property

CSS

125

Transform values from a JSON representation

JavaScript

124

Validate an input value with the pattern attribute

HTML

123

Prevent browsers from asking to translate

HTML

122

Copy the base64 data of an image

DevTools

121

Move the cursor to any position in a macOS command

Command Line, macOS

120

Locate an element with a given selector

DevTools

119

Add a subject to a mailto link

HTML

118

Display links in the print mode

CSS

117

Avoid invisible text when loading a font

CSS, Google Font

116

Prevent anchor links from disappearing behind a sticky header

CSS

115

Smooth scrolling with pure CSS

CSS

114

Start a simple web server on macOS

macOS

113

Create an one-time event handler

DOM, JavaScript

112

Combine styles with the :is pseudo-class selector

CSS

111

Ignore case sensitivity in a CSS attribute selector

CSS

110

Use Array.includes for multiple conditionals

JavaScript

109

Combine Google font requests

CSS, Google Font

108

Prevent macOS from going to sleep

macOS

107

Watch a variable's value with live expressions

DevTools

106

Load given characters in a Google font request

CSS, Google Font

105

Avoid using CSS @import

CSS

104

JavaScript

103

Create a file of any size

macOS

102

Capture a screenshot without shadow on macOS

macOS

101

View print stylesheets with Chrome DevTools

DevTools

100

Style index numbers of list items

CSS

099

Center an element vertically and horizontally

CSS

098

Open a package's homepage or repo

NPM

097

Shorten import paths in Webpack

Webpack

096

Increase or decrease CSS values with Chrome DevTools

DevTools

095

Always use "noopener" or "noreferrer" for links opened in new tabs

HTML

094

Append leading zeros to ordered list items

CSS

093

Shorten import paths in TypeScript

TypeScript

092

Hide an element with Chrome DevTools

DevTools

091

Move the screenshot area on macOS

macOS

090

View a file in a different branch without switching the branch

Git

089

Truncate long text

CSS

088

Save a few bytes when checking the existence of module

JavaScript

087

Create a function that accepts a single parameter

JavaScript

086

Style list items with special characters

CSS

085

Number headings and subheadings automatically

CSS

084

Add keyboard shortcuts

HTML

083

Copy screenshots to the clipboard on macOS

macOS

082

Create an array with conditional elements

JavaScript

081

Keep the calculation of a magic number

JavaScript

080

Create a polyfill

JavaScript

079

Do not use magic numbers when manipulating strings

JavaScript

078

Replace multiple if statements with a lookup table

JavaScript

077

Checkout the previous branch

Git

076

Run the last command as the root user

Command Line

075

Unpack a property of an object with different name

JavaScript

074

Toggle hidden files on macOS

macOS

073

Always put the footer at the bottom

CSS

072

Pure collapsible element

HTML

071

Quick query elements in the Console

DevTools

070

Shorten codes with the comma operator

JavaScript

069

Copy the full path of a file on macOS

macOS

068

Log the full object in NodeJS

NodeJS

067

Add a line break between inline elements

CSS

066

Do not use submit to name a submit button

HTML

065

Show the first letter only

CSS

064

Write CSS rules for Firefox only

CSS

063

Access the selected node in the Console

DevTools

062

Create a line-on-sides heading

CSS

061

Reuse the current color

CSS

060

Use CSS fallback properties

CSS

059

Pass an array as function arguments

JavaScript

058

Format a number as a currency string

JavaScript

057

Find scrollable elements

Firefox DevTools

056

Make a table with equal column widths

CSS

055

Prevent a string from being escaped

JavaScript

054

Log a variable to the console using conditional breakpoints

DevTools

053

Inspect an element shown on hover

DevTools

052

Create a download link

HTML

051

Filter file types of a file input

HTML

050

Accept any numbers of parameters

JavaScript

049

Ignore items from array destructuring

JavaScript

048

Pretty format JSON

JavaScript

047

JavaScript

046

Log an array to the Console

JavaScript

045

Get the current timestamp

JavaScript

044

Use short-circuits conditionals

JavaScript

043

Log a value to the Console

JavaScript

042

Replace multiple if statements with a single switch statement

JavaScript

041

Manage multiple boolean flags

JavaScript

040

Use the strict equality operator when comparing variables

JavaScript

039

Log a variable in an arrow function

JavaScript

038

Return an object in an arrow function quickly

JavaScript

037

Create an object with dynamic keys

JavaScript

036

Enforce required parameters

JavaScript

035

Conditional logging in the Console

DevTools

034

Show a placeholder for an empty list

CSS

033

Create an autocomplete list with the datalist element

HTML

032

Create a descending list of numbered items

HTML

031

Check if the browser supports for an element attribute

DOM, JavaScript

030

Remove the border from the last navigation item

CSS

029

Separate list items

CSS

028

Set content for an empty link

CSS

027

Use negative nth-child and nth-last-child

CSS

026

Use template literal to concatenate strings

JavaScript

025

Copy a long variable from the Console

DevTools

024

Add an icon to external links

CSS

023

Style broken images

CSS

022

Use an underscore to name unused argument

JavaScript

021

Swap two variables

JavaScript

020

Track the focused element with Chrome DevTools

DevTools

019

Get rid of escaping quotes with template literal

JavaScript

018

Visualize elements on page with the outline style

DOM, JavaScript

017

Avoid to use colons and periods in the id attribute

DOM, HTML

016

Prevent the default behavior with jQuery event handler

DOM, JavaScript

015

Trim the spaces before parsing a number

JavaScript

014

Override the behavior of instanceof

JavaScript

013

Use the wbr tags to represent path

HTML

012

Prefix class name with js to manipulate with javascript

DOM, HTML

011

Put special operators at the beginning of a function

JavaScript

010

Always pass the radix to parseInt

JavaScript

009

Remove a property from an object

JavaScript

008

Use string literals for the TypeScript enum values

TypeScript

007

Use underscores to represent a number

JavaScript

006

Indicate img elements that miss alt attribute

A11y, Accessibility, CSS

005

Wrap arrow function body in parentheses

JavaScript

004

Do not add custom methods to primitive objects

JavaScript

003

Merge different arrays

JavaScript

002

Convert string to number

JavaScript

001

Get characters of a string

JavaScript

Responsive Design Patterns

A collection of patterns to create a responsive web page