Front-end Web Developer. Language lover. Traveler. Dude.
Image for post
Image for post
Alpine.js Logo

First day at a new position.

Steps

Doing something quick and dirty for a demo we’re using CDN’s. …


Image for post
Image for post
CMB2 checkbox field object

…Was tearing through a bunch of meta fields using CMB2 and noticed some unexpected behavior when I went to set a checkbox’s default value to true.

The Problem

I…

  1. Cleared the corresponding database row for that field.
  2. Reloaded the WP admin.
  3. Unchecked the checkbox.
  4. And saved my changes.

Oh looky here.

To your shock and horror.

The admin reloads but the checkbox is still checked?? …


Image for post
Image for post

I wouldn’t say I go looking for lifehacks, but I don’t shy away from them either.


Image for post
Image for post

So you’re a few weeks into owning your first set of Airpods Pro and you think you know it all?

1. Quickly Check Battery Level For Airpods & Case

There are several ways to check battery levels on your Airpods Pro, but one of the quickest is to stick your Airpods in the Apple charging case, leave the lid open, and hold it right up against your iPhone.


Image for post
Image for post

I have really been meaning to write this for a few years now, really since my days of grinding trying to build out layouts with major holes in my CSS game.


Image for post
Image for post
Demo Layout Used by MDN

One of the coolest features of CSS Grid is your ability to almost have a visual layout of your elements and how they map to your grid represented right there in your CSS.

<section id="page">
<header>Header</header>
<nav>Navigation</nav>
<main>Main area</main>
<footer>Footer</footer>
</section>

and the CSS:

#page {
display: grid;
width: 100%;
height: 250px;
grid-template-areas: "head head"
"nav main"
"nav foot";
grid-template-rows: 50px 1fr 30px;
grid-template-columns: 150px 1fr;
}
#page > header {
grid-area: head;
background-color: #8ca0ff;
}
#page > nav {
grid-area: nav;
background-color: #ffa08c…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store