Front-End Development

ellipses

Limit text with CSS

Here is a couple of ways to truncate text using CSS. This with limit the text at 4 lines and will add ... at the end. This will limit the text to the width of 100% as 1 line
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.
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.