Laptop screen showing a photo gallery webpage

How to Hide the Scrollbar with CSS

Here is a CSS code snippet to allow scroll but hide the scrollbar in your browser.
Man looking at a laptop screen coding CSS

How to style data-value attributes with CSS

Here is a great way to style any data-attributes using CSS properties. Here is the article source courtesy of CCS-Tricks.
Pic of picture frame with a pot of plant on a desk

How to limit the character count of the paragraph text

Instead of showing the whole text paragraph from the post entry, here is how you can limit the character count. Select the text class container/wrapper and apply this CSS snippet.
Man holding an iPhone in hands

Prevent overscroll browser behavior

This CSS snippet prevents that annoying over-scrolling behavior in the browser.

Font Smoothing

Here is how to get smooth like butter font on your websites.
Desktop space image

BEM – CSS naming convention

The Block, Element, Modifier methodology (commonly referred to as BEM) is a popular naming convention for classes in HTML and CSS. Developed by the team at Yandex, its goal is to help developers better understand the relationship between HTML and CSS in a given project. Great reference article about BEM: https://css-tricks.com/bem-101/
Closeup image of laptop

Quick CSS variable setup

Here is an example CSS code snippet to setup CSS variables. Expand as you wish.
CSS codes displayed on monitor screen

CSS reset basic

Here is a stripped-down CSS reset code to start the front-end HTML layout. This is just for quick development; otherwise, feel free to use many great available full versions of modern CSS resets.