Skip to content

Instantly share code, notes, and snippets.

View howbizarre's full-sized avatar
🖖
Live long and prosper

How Bizarre howbizarre

🖖
Live long and prosper
9 followers · 10 following
View GitHub Profile
@howbizarre
howbizarre / nuxt3-async-calls-to-server-api.markdown
Last active April 28, 2022 11:22
Nuxt 3 async calls to /server/api/ from view in /pages/

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

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

@howbizarre
howbizarre / woocommerce-add-remove-custom-or-core-order-statuses.markdown
Last active December 3, 2021 15:54
Add or remove custom (or core) order statuses in WooCommerce

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
howbizarre / woocommerce-shop-orders-custom-column.markdown
Last active December 2, 2021 12:20
Add custom column in WooCommerce Orders table

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
howbizarre / ElmInViewport.markdown
Last active February 9, 2021 09:08
Use of the IntersectionObserver to check when an element is intersecting with the viewport.

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
howbizarre / BS5RespTabs.markdown
Last active January 29, 2024 00:26
A simple way to create responsive tabs with Bootstrap 5. Tabs functionality is replaced by Accordion on small screens.

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
howbizarre / jQ-parallax.css
Last active August 25, 2020 11:55
Simple jQuery parallax effect over background images
.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
howbizarre / Moon.markdown
Created October 14, 2014 20:53
A Pen by How Bizarre.
@howbizarre
howbizarre / index.html
Created April 9, 2013 06:48
A CodePen by How Bizarre. Moon - A funny test of CSS3 multiple backgrounds and gradients.
<section id="space">
<ins id="moon">&nbsp;</ins>
</section>