Site Logo

Nikita Hlopov

Frontend Dev Blog

Blog About Archive Tags

Create a gradient border in CSS

18 Nov 2021
  • css

To show gradients for a border with CSS you can use the border-image property. It allows setting gradient values in the same way as the background-image property.

Read More

Create a custom-styled progress bar with Pure CSS and HTML

11 Nov 2021
  • css
  • html

A progress bar is a nice way to showcase the completion state of something. The default HTML element looks inconsistent across different browsers. Fortunately, there’s a way to give a custom style for the progress bar element.

Read More

Guide to creating CSS only tooltip with an arrow

04 Nov 2021
  • css

Tooltip is a nice way to display additional information when there isn’t much space for it. You can create beautiful tooltips using only CSS.

Read More

How to resize element with JavaScript

27 Oct 2021
  • javascript

JavaScript has a native and easy-to-use API to listen for element resize. ResizeObserver is a modern approach to handle element resize.

Read More

HTML meta tags for social media cards

20 Oct 2021
  • html
  • seo

Your website can have a social media card so that when you share it online it looks more appealing and provide additional information for people. To do so you’ll need to add HTML meta tags for social media.

Read More
⟨ Previous Next ⟩

This work is licensed under a CC BY 4.0 License.
The code in this work is licensed under an MIT License.