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.
Glowing beautiful and colorful circle

Inspirational resources for designers – 10/2022

Here is a October 2022 roundup list of inspirational sites that could help shape your visual vocabulary.
Image of a redheaded girl and a cityscape painting created by ai

How to install Stable Diffusion Al on MAC

Here is how to install Stability Diffusion an Al image generator for M1 MACs. Go to this GitHub page and scroll down mid-way to download the .dmg file.Double-click the DiffusionBee file to expandDrag the icon into the Application folderOpen DiffusionBee appPrompt away, you younglings! DiffusionBee app is open-source software that you can download and lets…
King's X album cover art

A new album released by King’s X… finally

I have been a big fan of King's X since their first album, "Out of the silent planet", back in the 80s. Their latest release, "Three sides of one," only took 14 years since the album "XV." 😜 The new album is a nice hybrid of all of their many different styles throughout the years.…
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.
Private sign

How to privatize your website in WP

Here is a fundamental way to make your WordPress site private. Check out the link below. https://www.websiteplanet.com/blog/how-to-make-wordpress-private/
Laptop on a desk

Hiding the admin bar for a specific user

Here is how you can hide the WordPress admin bar on the frontend of a specific user. Click on the radio button to disable the admin bar.
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.
UI image of WP plugin serach page

Essential WordPress plugins and themes

Here is an ever-growing or updated list of my essential WordPress plugins. Custom Coding Page Builders Animations Custom post type Add-ons Members Productivity Optimization SEO
Laptop screen showing color style palette

How to apply global style settings in Bricks

This is how you apply the global theme, like the colors and typography style you just created. In the conditions nav, select "Entire Website".
A man wearing a t-shirt with Worpress logo

System information for Bricks Builder

Here is the Bricks Builder recommended system settings.
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.