Essential Web development & Digital Marketing cheatsheets, step by step guides and tutorials, code examples. Simplified.
Every Problem can be traced back to a lack of assets. DynamiteFrog aims to provision those assets for common web development and digital marketing problems
Latest posts
SSH for WPEngine Cheatsheet
WPEngine requires the use of its IdentityFile The user and hostname can be found at the bottom of the overview screen in your wpe ui for the specific site your trying to access. Wpengine ssh co...
Shopify Metafields and Metaobjects Cheatsheet
Complete guide to using Shopify metafields and metaobjects for custom data and dynamic content
Headless Drupal with Next.js and GraphQL Integration Guide
A complete guide to integrating GraphQL into a headless Drupal + Next.js setup, from local development to dynamic routing. Overview In a headless Drupal + Next.js setup, GraphQL serves as the API...
React State
React State We use state for variables whose value can change over time, and that when changed should trigger the component to re-render with the new data. Essentially, we use state to make our ...
Anatomy of a modern react component
1. Imports What the component depends on. import { useState, useEffect, useMemo } from "react"; import "./Button.css"; // styles (or CSS-in-JS) 2. The Function component function Button({ labe...
Github deployment integration
Cloudways Steps to take in cloudways UI select app deployment via git generate / copy ssh key (this key already exists.) Back in githup repo settings deployment keys paste the au...
Vim basic movements for text editing
Text Editing Mastering Vim is the most efficient way for editing text files. Here are some critical Vim commands that will get you editing text efficiently with Vim. Basic movement h l k j chara...
Micro Modal
Download to project npm install micromodal --save move to public directory mv node_modules/micromodal src/js/vendor Import into project Enqueue the js https://unpkg.com/micromodal/dist/micr...
Managing Custom Image Sizes in Drupal 11
Managing Images in Drupal Drupal shines when it comes to managing images. Specifically around serving an appropriate size images to the user regardless of what size the image was originally loaded...
developer interview questions
What do you use for your local environment. Ie: ddev, xampp, mamp. How would you go about creating 2 different versions / styles of a paragraph block? How do you do fluid scalable typography and pa...