Bram de Haan atelierbram

## disable-ios-zoom.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                atelierbram
                / disable-ios-zoom.md
            
            
              Last active
              November 19, 2022 13:15
            
              
                Disable iOS 9 zooming in on webpage
              
          
    shrink-to-fit=no fixes zoom problem in iOS 9

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

Why isn't this the default behaviour?
What does the shrink-to-fit viewport meta attribute do?
The Problem with iOS Safari and shrink-to-fit
Time to remove the shrink-to-fit=no band aid?


## create-a-persistent-directory-stack-in-zsh.md

      
              1 file
            
          
              0 forks
            
          
              2 comments
            
          
              1 star
            
          
                atelierbram
                / create-a-persistent-directory-stack-in-zsh.md
            
            
              Last active
              October 31, 2023 16:58
            
              
                 Create a persistent directory stack in zsh
              
          
    Create a persistent directory stack in zsh

First, make a new file with the following contents:
#!/usr/bin/env ruby

dirs = []
ARGF.each { |line| dirs.push(line) }

  
## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>History popstate and hashchange Events</title>
    <link rel="stylesheet" href="./main.css" />
  </head>
  <body>

## wordpress-image.md

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              0 stars
            
          
                atelierbram
                / wordpress-image.md
            
            
              Last active
              September 5, 2021 12:05
            
              
                WordPress Thumbnail Image
              
          
    <?php $imgPlaceholder3x2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAAEElEQVR42mM88J8BCBghFAAfUgOBvlG2dAAAAABJRU5ErkJggg==";
if( !empty(get_the_post_thumbnail()) ) {
  the_post_thumbnail( 'post-thumbnail', array(
    'alt' => the_title_attribute( array(
      'echo' => false,
    ) ),
    'src' => $imgPlaceholder3x2,
    'data-src' => get_the_post_thumbnail_url(),
    'loading' => 'lazy',

  
## php-get-index-inside-foreach-loop.md

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              0 stars
            
          
                atelierbram
                / php-get-index-inside-foreach-loop.md
            
            
              Created
              February 5, 2021 13:05
            
              
                PHP get index inside foreach loop 
              
          
    PHP: Get the index inside a foreach loop

In the past, I’ve noticed that a lot of PHP beginners tend to struggle with the foreach loop. In some cases, it is because they have arrived from a language that only supports while loops and for loops.
Here is a basic example of a foreach loop:
<?php
foreach($array as $item){
 echo $item, '';

  
## Enable-Disable-Scrolling-in-iPhone-iPads-Safari.md

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              0 stars
            
          
                atelierbram
                / Enable-Disable-Scrolling-in-iPhone-iPads-Safari.md
            
            
              Created
              November 30, 2020 18:05
            
              
                Enable/Disable Scrolling in iPhone/iPad’s Safari
              
          
    To prevent user from scrolling the screen you need to redefine touch move event:
document.ontouchmove = function(e){ e.preventDefault(); }

  
## transfer-file-using-scp.md

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              0 stars
            
          
                atelierbram
                / transfer-file-using-scp.md
            
            
              Created
              July 7, 2020 13:35
            
              
                scp method for remote file transfer using SSH
              
          
    Transfer file using scp

The easiest of these are scp or secure copy. While cp is for copying local files, scp is for remote file transfer. The main difference is that with scp you'll have to specify the remote host's DNS name or IP address and provide login credential for the command to work.
Steps to copy local and remote file using scp:

Copy single file from local to remote.
$ scp myfile.txt remoteuser@remoteserver:/remote/folder/

  
## wp-img-data-src-function.php
function rchv_projects_link() { ?>
  <a class="grid_item-link gallery_item-link" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
<?php $imgPlaceholder = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk2A8AAMUAwUPJ2C4AAAAASUVORK5CYII="; ?>
    <figure class="grid_item-figure gallery_item-figure">
       <?php if( !empty(get_the_post_thumbnail()) ) {
          the_post_thumbnail( 'post-thumbnail', array(
            'alt' => the_title_attribute( array(
            'echo' => false,
            ) ),
            'src' => $imgPlaceholder,

## encoding-video.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                atelierbram
                / encoding-video.md
            
            
              Created
              October 17, 2019 18:27
                — forked from Vestride/encoding-video.md
            
              
                Encoding video for the web
              
          
    Encoding Video

Installing

Install FFmpeg with homebrew. You'll need to install it with a couple flags for webm and the AAC audio codec.
brew install ffmpeg --with-libvpx --with-libvorbis --with-fdk-aac --with-opus

  
## querySelectorAll_Looping.js
let buttons = document.querySelectorAll("button");

// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of
// http://kangax.github.io/compat-table/es6/#for..of_loops
for (const button of buttons) {
  button.addEventListener('click', () => {
    console.log("for of worked");
  });
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>History popstate and hashchange Events</title>
	<link rel="stylesheet" href="./main.css" />
	</head>
	<body>
	function rchv_projects_link() { ?>
	<a class="grid_item-link gallery_item-link" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
	<?php $imgPlaceholder = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk2A8AAMUAwUPJ2C4AAAAASUVORK5CYII="; ?>
	<figure class="grid_item-figure gallery_item-figure">
	<?php if( !empty(get_the_post_thumbnail()) ) {
	the_post_thumbnail( 'post-thumbnail', array(
	'alt' => the_title_attribute( array(
	'echo' => false,
	) ),
	'src' => $imgPlaceholder,
	let buttons = document.querySelectorAll("button");

	// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of
	// http://kangax.github.io/compat-table/es6/#for..of_loops
	for (const button of buttons) {
	button.addEventListener('click', () => {
	console.log("for of worked");
	});
	}