9 posts found for the tag CSS

The story of the custom scrollbar using CSS

Posted on May 26, 2022

A scrollbar is helpful and evident when a web page's content overflows beyond the visible areas. The look and feel of a scrollbar depend on the browser's implementation. A scrollbar's look differs from Google Chrome to Firefox to Safari. In most case...

10 DevTools tricks to help you with CSS and UX design

Posted on June 9, 2021

Introduction Web development is much more fun now than ever. We have increasing opportunities with frameworks, libraries, communities, skills, and tools compared to what we had a decade ago. Today, there are hardly any web developers who want to lim...

10 online code editors for web developers

Posted on May 7, 2021

Originally Published on Bugfender A code editor gives developers an environment to write code using a specific programming language. While the code editor's primary purpose is to assist with coding, most of the editors go beyond and help developers ...

Understanding the Picture-in-Picture web API with examples

Posted on May 4, 2021

Picture-in-Picture is a feature supported by some smart televisions, devices to show the content(like videos) on a floating window(on the top of other windows) so that users can continue to see the content while interacting with the background page, ...

10 trivial yet powerful HTML facts you must know

Posted on March 31, 2021

One of the learnings I have after using HTML for over a decade is that many of the facts related to it are so underrated. As a developer, we usually do not pay much attention to them or build a hazy perspective. This article will learn about 10 such ...

10 VS Code emmet tips to make you more productive

Posted on February 2, 2021

In general, productivity is the ratio between output and input. In software engineering, programming productivity(or development productivity) can be the ratio between the quantity of the software code produced and its time cost. In mathematical ter...

3 quick ways to add fonts to your React app

Posted on January 8, 2021

In HTML, font is used to specify the font face, size, and typography. You can add fonts to your React application in different ways. This article explains three quick ways of adding fonts to your React app. All the examples in the article assumes th...

Exploring HTML <dialog> element with examples

Posted on November 24, 2020

The dialog(widely known as a modal dialog) is a popup box on a web page. A dialog is also called a modal dialog when it obscures the rest of the page content with an overlay. The purpose of a modal dialog is when it displays, the user should not be ...

I made a photo gallery with CSS animation. Here’s what I learned.

Posted on October 7, 2020

The vanilla CSS(without any external JavaScript and CSS libraries) allows animation of HTML elements using CSS properties. This is very powerful and quite simple to learn and use. As a beginner at CSS animation, I have learned some cool things and m...