Joseph Wain jpwain

## README.md

      
              1 file
            
          
              9 forks
            
          
              5 comments
            
          
              30 stars
            
          
                sgnl
                / README.md
            
            
              Last active
              November 9, 2022 21:48
            
              
                Setting up SASS (SCSS) files with gulp, gulp-sass, and Browser Sync!
              
          
    Create a new temp project


$ mkdir sass_gulp_workshop
cd into the new directory
Initialize NPM: $ npm init --yes
Install gulp and gulp-sass packages: $ npm install -D gulp gulp-sass browser-sync
Update package.json's scripts section with this key-value pair: "scripts": { "dev": "gulp" }
Recreate this file structure in this directory:


public (directory)

css (directory)
index.html (file)


## Using Git to Manage a Live Web Site.md

      
              1 file
            
          
              141 forks
            
          
              101 comments
            
          
              560 stars
            
          
                Nilpo
                / Using Git to Manage a Live Web Site.md
            
            
              Last active
              April 26, 2024 19:09
            
              
                Using Git to Manage a Live Web Site
              
          
    Using Git to Manage a Live Web Site

Overview

As a freelancer, I build a lot of web sites.  That's a lot of code changes to track.  Thankfully, a Git-enabled workflow with proper branching makes short work of project tracking.  I can easily see development features in branches as well as a snapshot of the sites' production code.  A nice addition to that workflow is that ability to use Git to push updates to any of the various sites I work on while committing changes.
Contents 


Prerequisites
Getting Started


## GIF-Screencast-OSX.md

      
              2 files
            
          
              666 forks
            
          
              78 comments
            
          
              5314 stars
            
          
                dergachev
                / GIF-Screencast-OSX.md
            
            
              Last active
              June 5, 2024 22:16
            
              
                OS X Screencast to animated GIF
              
          
    OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

  
## recolor.bash
#!/bin/bash

# A small script to change the color of mono-colored transparent .pngs
#
# Uses ImageMagick to read the most common 100% alpha color and then computes
# scale factors to multiply the whole image by.
#
# Improvements to be made:
#   -deal with images containing pure black.
#   -make portable between new and old ImageMagick versions

## html5.html
<!doctype html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title></title>
		<!--[if lt IE 9]>
		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>

## walk.sh
#!/usr/bin/env sh
# Under WTPL 2
# https://github.com/AdamN/python-webkit2png

COMMITS=$(git log --format="%H" --reverse)
OUTPUT_DIR="/tmp"

i=0
for commit in ${COMMITS}
do
	#!/bin/bash

	# A small script to change the color of mono-colored transparent .pngs
	#
	# Uses ImageMagick to read the most common 100% alpha color and then computes
	# scale factors to multiply the whole image by.
	#
	# Improvements to be made:
	# -deal with images containing pure black.
	# -make portable between new and old ImageMagick versions
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title></title>
	<!--[if lt IE 9]>
	<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	</head>
	<body>
	#!/usr/bin/env sh
	# Under WTPL 2
	# https://github.com/AdamN/python-webkit2png

	COMMITS=$(git log --format="%H" --reverse)
	OUTPUT_DIR="/tmp"

	i=0
	for commit in ${COMMITS}
	do