Latest Posts


Getting Started with Bash Scripting update

I just thought I’d do a quick update on the last blog post I did on getting started with Bash scripting.

Here’s an even better starter script, that does all the boilerplate and setup for you, but has the added bonus of working for Python scripts as well. So you can create a Bash script with my-bash-script sh or create a Python script with my-python-script py and the script-starter will do the rest, adding the right boilerplate to each and giving you an “hello” to let you know the script is up and running.

The new “hello” part is an improvement on my last example where I didn’t have the “hello” properly setup to call from the new script.

Anyway this one works perfectly, I’ve tested it thoroughly:


# Usage
# $ filename extension

# give bash extensions more descriptive names

# create script in bin folder
touch ~/bin/"$filename"."$extension"

# setup bash or python boilerplate and add an echo "hello..."
if [ $extension == 'sh' ]
    echo '#!/bin/bash' >> ~/bin/"$filename".sh
    echo 'echo "hello from your new bash script"' >> ~/bin/"$filename".sh
elif [ $extension == 'py' ]
    echo '#!/usr/bin/env python3' >> ~/bin/"$filename".py
    echo 'print("hello from your new python script")' >> ~/bin/"$filename".py

# sort out permissions
chmod 755 ~/bin/"$filename"."$extension"
# call the script to test it works
# give me a chance to read the "hello"
sleep 1
# open script with nvim
nvim ~/bin/"$filename"."$extension"

Getting Started with Bash Scripting

“Create your Own Bash Scripts and Free Yourself from Code Drudgery.”

Once you’ve been using the terminal to move around your system for a little while, creating/deleting/moving files and the like, the next step is to start writing your own Bash scripts. And this is where the real joy of using Bash comes into play – being able to automate all the repetitive tasks you do in your daily web development with scripts you can call with a simple one liner in the terminal:

$ save-me-from-drudgery

So in this post I’m going to show you:

1) Where to store Bash scripts.
2) How to create a Bash script and get it up and running.

Then at the end I’ll give you a few simple Bash scripts that I use regularly and that you might also find helpful in your web development work. Let’s go.

Continue reading the full article…

Creating a Hero Image with CSS Grid

“Make Your Header Images Sooo Much Better”

It’s 2021.

I took a deep dive into CSS grid during UK Lockdown (exciting times).

CSS grid has been adopted by all the major browsers.

Let’s use CSS grid to create some hero images that are easy to understood, customize, and are fully responsive to look great on all devices.

I’m inspirational!

Hire me

<div class="hero-image">
  <div class="hero-tint">
    <div class="hero-content">
      <div class="hero-text">I'm inspirational!</div>
      <a class="hero-button" href="#contact-details" target="_blank">Hire me</a>

The hero-image is the overall container that will take the css background image. The hero-tint will stretch over the container and create a dark semi-transparent background, making the white text more readable. The hero-content is the container for the text and button. We will use CSS grid to position it on top of the .hero-tint div. A bit of text, a button/link. The standard stuff. Now let’s move onto where the grid magic will happens, the CSS.

Continue reading the full article…