Categories
Blog

How to reinstall WordPress via WP-CLI

You can easily reinstall WordPress on an existing site using WP-CLI with this command: It’s important to note the two parameters: [–skip-content]: Download WP without the default themes and plugins.[–force]: Overwrites existing files, if present. We want this in order to overwrite any corrupted or infected files. Read more: wp core download – WP-CLI

Categories
Blog

Compress and extract tar.gz files

A very simple reference for compressing/extracting tar.gz files, which I always forget how to do.

Categories
Blog

px → rem

px → rem quick reference

Categories
Blog Tips

How to extract attributes from an HTML string in PHP (without using RegEx)

Say you have an <a>, <link> or other HTML element and you need to extract its href (or other) attribute. You can extract those values using DOMDocument quite easily: Link to Repl.it PHP: DOMDocument

Categories
CSS

How to use only the grid system from Bootstrap

You don’t need to add the whole Bootstrap code and a zillion dependencies and plugins just to use col-md-3. This is how.

Categories
Tips

HTML’s forgotten native accordion: styling the details/summary element

As frontend developers or designers, many times we’re requierd to design or implement accordion-style components. While there are plenty of libraries out there, the easiest way to accomplish the same results without adding bloat is to use the details HTML element.

Categories
Tips

How to maintain the aspect ratio of an element with CSS

Still an experimental feature, but soon we will be able to set an aspect ratio to any HTML element via CSS, without any padding hacks!

Categories
Apps/Tools Blog

Spoticalc – Spotify bandwidth calculator

Recently, we were wondering with a couple of friends how much data Spotify was sucking out of our cell phone data plans. I knew that with a 3GB/mo. plan I could get away with most of my needs, but there was also streaming quality into the mix.

Categories
CSS

Everything I know about CSS Variables Custom Properties

Brain dump about CSS Custom Properties, AKA CSS Variables They are not variables They are actually called CSS custom properties. Huh. We’ll refer to them as variables for brevity. Declaring variables To declare new variables, you just add a new property that begins with –, inside a ruleset: What is :root? If you notice, in […]

Categories
Blog

How to convert JPGs to WebP automatically

The easiest way to convert a ton of JPGs to WebP is to use the cwebp command line utility written by the WebP team. Here’s how I do it using a very simple Bash script: This goes through all JPG files in ./source/uploads folder, converts them with a 90% quality rate and writes the output […]