Front-End Development

How to Hide the Scrollbar with CSS
Here is a CSS code snippet to allow scroll but hide the scrollbar in your browser.

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.

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

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/

Quick CSS variable setup
Here is an example CSS code snippet to setup CSS variables. Expand as you wish.

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.