Dan Denney dandenney

## how-to-bash-batch-rename.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              4 stars
            
          
                nepsilon
                / how-to-bash-batch-rename.md
            
            
              Last active
              July 7, 2016 06:15
            
              
                How to batch rename files with bash? — First published in fullweb.io issue #36
              
          
    How to batch rename files with bash?

Let’s say we have these files:
ls 
to_be_renamed_1.txt 
to_be_renamed_2.txt 
to_be_renamed_3.txt 

  
## bling.js
/* bling.js */

window.$ = document.querySelectorAll.bind(document);

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn);
}

NodeList.prototype.__proto__ = Array.prototype;

## get_twitter_avatar.php
<?php
function getTwitterAvatar( $username, $size = "normal" ) {
	// mini = 24px, normal = 48px, bigger = 73px
	$sizes = array( "mini", "normal", "bigger" );

	// Check for size, default to normal
	if( in_array( $size, $sizes ) ) {
		$variant = $size;
	} else {
		$variant = "normal";

## _grids.sass
//------------------------------------------------------
//  Grids
//
//  Based on the following:
//  * https://github.com/necolas/suit-grid
//  * https://github.com/csswizardry/csswizardry-grids
//------------------------------------------------------

$grid-columns: 12 !default
$grid-defaults: "lap" 480px, "desk" 800px !default

## mq.css
@media only screen and (min-width: 320px) {

  /* Small screen, non-retina */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),

## bending-shadow.css
.bended-shadow {
  position: relative;
  width: 500px;
  margin: 200px auto;
}

.bended-shadow::before, .bended-shadow::after {
  content: '';
  position: absolute;
  width: 60%;

## responsive.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Responsive Design Testing</title>
	<style>
		body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
		.wrapper { width: 6000px; }
		.frame { float: left; }
		h2 { margin: 0 0 5px 0; }

## fixorientationzoom.js
/*


NOTE!!!!

The most updated version of this code is here:

https://github.com/scottjehl/iOS-Orientationchange-Fix

## snippet.js
/*
 * Updated to use the function-based method described in http://www.phpied.com/social-button-bffs/
 * Better handling of scripts without supplied ids.
 *
 * N.B. Be sure to include Google Analytics's _gaq and Facebook's fbAsyncInit prior to this function.
 */

(function(doc, script) {
    var js,
        fjs = doc.getElementsByTagName(script)[0],
	/* bling.js */

	window.$ = document.querySelectorAll.bind(document);

	Node.prototype.on = window.on = function (name, fn) {
	this.addEventListener(name, fn);
	}

	NodeList.prototype.__proto__ = Array.prototype;
	<?php
	function getTwitterAvatar( $username, $size = "normal" ) {
	// mini = 24px, normal = 48px, bigger = 73px
	$sizes = array( "mini", "normal", "bigger" );

	// Check for size, default to normal
	if( in_array( $size, $sizes ) ) {
	$variant = $size;
	} else {
	$variant = "normal";
	//------------------------------------------------------
	// Grids
	//
	// Based on the following:
	// * https://github.com/necolas/suit-grid
	// * https://github.com/csswizardry/csswizardry-grids
	//------------------------------------------------------

	$grid-columns: 12 !default
	$grid-defaults: "lap" 480px, "desk" 800px !default
	@media only screen and (min-width: 320px) {

	/* Small screen, non-retina */

	}

	@media
	only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
	.bended-shadow {
	position: relative;
	width: 500px;
	margin: 200px auto;
	}

	.bended-shadow::before, .bended-shadow::after {
	content: '';
	position: absolute;
	width: 60%;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Responsive Design Testing</title>
	<style>
	body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
	.wrapper { width: 6000px; }
	.frame { float: left; }
	h2 { margin: 0 0 5px 0; }
	/*




	NOTE!!!!

	The most updated version of this code is here:

	https://github.com/scottjehl/iOS-Orientationchange-Fix
	/*
	* Updated to use the function-based method described in http://www.phpied.com/social-button-bffs/
	* Better handling of scripts without supplied ids.
	*
	* N.B. Be sure to include Google Analytics's _gaq and Facebook's fbAsyncInit prior to this function.
	*/

	(function(doc, script) {
	var js,
	fjs = doc.getElementsByTagName(script)[0],