1
Serve a Static HTML Page for Development
2m 9s
2
Use a Custom Font from Google Fonts on a Static HTML Webpage
1m 44s
3
Add Emojis to a Static HTML Page
2m 1s
4
Make a Responsive Web Page Without Using a CSS or JavaScript Framework
3m 31s
5
Add an SVG Image to a Webpage and Get a Reference to the Internal Elements in JavaScript
3m 14s
6
Accept User Input with a Styled Input Tag, a Button, and Vanilla JavaScript
3m 50s
7
Add and Remove CSS Classes with Vanilla JavaScript
2m 5s
8
Make a One-time CSS Animation that Does Not Revert to its Original Style
3m 49s
9
Add a Dynamic Tweet Button to a Webpage
2m 53s
10
Turn an SVG Into a Favicon and Link it
1m 12s
11
Deploy and Host a Static Webpage for Free with Netlify
1m 27s

Turn an SVG Into a Favicon and Link it

HTML 5

Share this video with your friends

We've been building patio11bot without a favicon so far - so before we deploy it, we'll make one from the SVG avatar that we have.

We'll use the service here to do it: https://convertio.co/svg-ico/ - but there are many free services online that work.

After we have the .ico file, rename it to favicon.ico, and then link it with a link tag in HTML: <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

Turn an SVG Into a Favicon and Link it

Share this video with your friends

Course

Create and Deploy a Basic Static HTML Website