howbizarre

Nuxt 3 async calls to /server/api/ from view in /pages/

You can easily add this logic in App.vue too.

howbizarre

Add or remove custom (or core) order statuses in WooCommerce

Be careful - removing Core WooCommerce statuses is not a good idea at all, but you have this opportunity.

howbizarre

Add custom column in WooCommerce Orders table

Call WooCommerce filter "manage_edit-shop_order_columns", to add a new column and action "manage_shop_order_posts_custom_column", to add content in to the new column.

The code should be added in the function.php file of the child theme.

howbizarre

Check if an element is in the viewport

Use of the IntersectionObserver to check when an element is intersecting with the viewport.

View sample on JsFiiddle

howbizarre

Responsive Tabs with Bootstrap 5

A simple way to create responsive tabs with Bootstrap 5. Tabs functionality is replaced by Accordion on small screens.

View sample on JsFiiddle

howbizarre

.parallax-background {
    background-position: 50%;
    background-repeat: no-repeat;
    
    background-size: cover;
    -webkit-background-size: cover;

    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);

howbizarre

Moon

A funny test of CSS3 multiple backgrounds and gradients.

A Pen by How Bizarre on CodePen.

License.

howbizarre

<section id="space">
  <ins id="moon">&nbsp;</ins>
</section>