Html on oorkan

Setting up a website favicon

Sat, 23 May 2026 15:50:00 +0400

Part 1: The Bare Minimum

A favicon (favorite icon) is a small square image on your website that is displayed in the browser’s address bar, page tabs, and bookmarks menu, Google or Bing search results, Windows shortcuts on your desktop, and more.

Having a proper favicon does not affect your website’s ranking in search results, but it helps users to recognize and trust your brand.

The most common image format for a favicon is ICO. The ICO image format was originally developed by Microsoft and is a multilayer image format. It can consist of multiple icon images, each with a different size and color depth. Popular formats for favicons are PNG and SVG. We’ll cover them (especially SVG) later in this article.

How to Add Syntax Highlighting to Your Website

Tue, 19 Jan 2021 18:00:00 +0400

If you have a programming blog, like me, or your website contains code examples and explanatory content, you may want to support syntax highlighting on your pages. There are many solutions and workarounds available, but the most flexible, to me, is using Chroma.

What’s Chroma

Chroma is an open-source library written in Go allowing to have syntax highlighting for many different languages. Chroma is based on Pygments which is a generic syntax highlighter, written in Python.

W3Schools Tryit Editor Features

Sun, 26 Apr 2020 21:19:00 +0400

W3Schools Tryit Editor is a good built-in tool to quickly review some HTML and CSS, for example. But few of us use the awesome features it has. With these features, it can serve you as a light-weight version of CodePen.

Switch Dark / Light Mode

Change Orientation

Share / Save Your Code ( This is the coolest one! 🔥)