atelierbram

If maintenance.php is in a folder called inc within the WordPress theme folder, then include this code at the top of the header.php file of the theme:

  require_once get_stylesheet_directory() . '/inc/maintenance.php';

Everyone not logged in visiting the website will get the message.

atelierbram

  git config --global credential.helper store

atelierbram

<?php
// start the output buffer 
  ob_start('compress_page');
?>
<!-- all html content here -->
<?php
// end the buffer, echo the page content
  ob_end_flush();

//  function that gets rid of tabs, line breaks, and extra spaces

atelierbram

accordion: step javascript

A Pen by web.dev on CodePen.

License.

atelierbram

How to setup Homebrew, Apache, PHP and MariaDB on macOS

This guide is intended to assist you in maintaining an up-to-date development environment for macOS using the latest versions of Homebrew, Apache, PHP, and MariaDB.

Make a backup of your computer, but also think about exporting databases of your projects in .sql files from PhpMyAdmin.

XCode Command Line Tools

If you don't already have XCode installed, it's best to first install the command line tools as these will be used by homebrew:

atelierbram

#!/usr/bin/env bash

do_something() {

  grep --help | grep '\-i'
  grep --help | grep -e -i
  grep --help | grep -- -i

}

atelierbram

Start over in GitHub

• Create a new branch to point to your old code
• Delete all the code and commit on master
• Start your rewrite on master

# checkout the master branch
git checkout master

atelierbram

Jigsaw Static Site - Set active class in navigation menu

Set a custom front matter variable "slug" in top of your post.blade.md file which is the same as the filename, here: this-post-example.blade.md

---
extends: _layouts.post
section: content
title: This Post Example
slug: this-post-example

atelierbram

Lazy loading video

<video class="lazy" autoplay muted loop playsinline width="610" height="254" poster="one-does-not-simply.jpg">
  <source data-src="one-does-not-simply.webm" type="video/webm">
  <source data-src="one-does-not-simply.mp4" type="video/mp4">
</video>

You'll notice the addition of the poster attribute, which lets you specify a placeholder to occupy the <video> element's space until the video is lazy-loaded. As with the <img> lazy-loading examples, stash the video URL in the data-src attribute on each <source> element. From there, use JavaScript code similar to the Intersection Observer-based image lazy loading examples:

atelierbram

Responsive images in WordPress using srcset with Advanced Custom Fields Pro plugin

in functions.php:

add_filter( 'acf_the_content', 'wp_make_content_images_responsive' );

in template.php:

$image = get_field('my_image');