Site Logo

Nikita Hlopov

Frontend Dev Blog

Blog About Archive Tags

Create a search icon inside input box with HTML and CSS

03 Dec 2021
  • css
  • html

Displaying a search icon inside an input box is a nice way to indicate to the user that it is indeed a search input.

Read More

11 Online coding challenges for front-end developers to boost skills

25 Nov 2021
  • resources

You can boost your coding and problem-solving skills as well as gain more confidence by participating in coding challenges.

Read More

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
⟨ Previous Next ⟩

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