General admin and site development and maintenance cheatsheet for site owners

Serve a single site After installing your php framework or cms, run the below command in your projects root directory, you can now access the site at the currentdirectoryname.test valet link As...

React Overview - 2024-05-11 Why React atomic design React allows you to build frontends in components and the components can be updated to form alternate components. This solves the problem of ...

Develop, Staging and Main git workflow using git switch Working with develop, staging, main git repo’s, and respective environments. 1. Start work on a feature branch (from develop) git switch de...

Start a new project cd into your project root directory. Then run the ddev config command and choose your project settings. ddev config Start an existing project ddev start update php versio...

Integrate Google Analytics into Google Tag Manger All You need is a Google tag added in GTM Tag type: Google tag Measurement ID: G-XXXXXXXXXX (get this from Google Analytics admin) Trigger...

API Development Tutorial: A Hands-On Guide Welcome to this tutorial designed for web developers who are new to working with APIs! This guide will walk you through a series of exercises to help you...

Webfow has 2 modes. Design (edit components and animation), and build where one edits content. Every animated element has an initial state and end state applied to it. select the element. ensure t...

Shopify theme conditional Liquid tag code examples for coding shopify themes

The style and HTML Code The tricky part with the HTML5 Accordions for me was styling the pseudo marker element. Trying to customise this element to be a ‘Plus icon’ rather then a blocky triangle w...