Site Logo

Nikita Hlopov's

Blog about web development

Blog About Archive Tags

How to include CSS to a page (with Pros and Cons)

19 May 2021
  • html
  • css

When it comes to including CSS on a page, there are few ways to do that, each one with its own pros and cons.

Continue reading →

How to handle long text overflow with pure CSS (truncate/ellipsis, wrap)

11 May 2021
  • css

When working on a website or a web app texts are often overlooked, that’s when issues like overflowing text occur. To solve that, you can use some solutions like truncating or ellipsizing a text (add three dots) or wrapping the text.

Continue reading →

What is the difference between class and id in HTML, CSS and JavaScript

05 May 2021
  • html
  • javascript
  • css

What is the difference between class and id attributes? That kind of question is quite common in technical interviews for Front-end developers, especially for beginners.

Continue reading →

Styling range input with CSS and JavaScript for better UX

23 Apr 2021
  • css
  • javascript
  • html

To style the range input with CSS you’ll need to apply styles to two pseudo-elements: ::-webkit-slider-thumb and ::-webkit-slider-runnable-track. Find out how you can apply custom styling and make the range input more functional and appealing.

Continue reading →

Add and remove multiple classes in JavaScript for DOM element

12 Apr 2021
  • javascript

Vanilla JavaScript allows you to add or remove multiple classes for the DOM element in 3 different ways. Depending on your needs you may choose one of the following:

Continue reading →
⟨ Previous Next ⟩

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

Privacy policy