Bram de Haan atelierbram

  git config --global credential.helper store

accordion: step javascript

A Pen by web.dev on CodePen.

License.

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:

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

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

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:

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');

shrink-to-fit=no fixes zoom problem in iOS 9

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<?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

	#!/usr/bin/env bash

	do_something() {

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

	}