Conventions used

There are a number of text conventions used throughout this book.

CodeInText: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: "As you may have noticed, using the grid-column CSS property, we define the starting and ending points of each column that we have."

A block of code is set as follows:

<button class="f1 br1 ph3 pv4 white bg-red hover-bg-light-red">Search</button>

Bold: Indicates a new term, an important word, or words that you see onscreen. For example, words in menus or dialog boxes appear in the text like this. Here is an example: " To choose one of them, we need to simply go under the File menu of Sketch, open the New
From Template submenu, and choose one of available UI templates, as follows
."