Building resilient and agile websites takes continual learning as a web developer. I aim to be a resource that will give you an architectural understanding and a plan for creating robust developments.
-
Simplicity and Flexibility in the Paradox of Productivity
Web Development -
Why Unsanitized Input is a Security Risk: Live Demo
JavaScript -
Git Workflow for Daily Development
Web Development -
Horizontal Scrolling Slider using CSS Scroll Snapping and JavaScript
JavaScript -
The Risks of Extending or Customizing Private Paid Development Tools: A Case Study on Avada Fusion Builder
WordPress -
Browser Speech Synthesis API with play, pause and stop functionality
JavaScript -
Eleventy collections using the built in tags key
11ty -
Create a true masonry layout
JavaScript -
Dropdown toggle
JavaScript -
Customize inherited button browser styles
HTML & CSS -
Add giscus Comments to Your Website
Web Development -
Create Markdown Page Template With Shell Script
11ty -
Disable Gutenberg Blocks for a More Curated UI
WordPress -
Learn React Basics using CDN
JavaScript -
Add Active Class with forEach Loop
JavaScript -
ARIA Best Practices
HTML & CSS -
Fun Following Hover Effect
JavaScript -
Components with Nunjucks and 11ty
11ty -
prefers-reduce-motion
HTML & CSS -
Loop Through CSS Animations
JavaScript -
Make Custom Shapes with SVG Polygon
HTML & CSS -
Control Direction with Intersection Observer
JavaScript -
Sticky Tabs with Scrolling Content
JavaScript -
Build a WordPress Site from Scratch - Part 2
WordPress -
Build a WordPress Site from Scratch - Part 1
WordPress -
Install WordPress on Docker
WordPress -
Setup a Local WordPress Environment with Docksal and Docker
WordPress -
Use Puppeteer to Search for Keywords
JavaScript -
Nunjucks Conditional Statement Examples for Eleventy
11ty -
FTP Version Control using GitHub Actions
Web Development -
Create Live Music With Tone.js
JavaScript -
The Easiest Way To Setup Sass
HTML & CSS -
Add Watchlist to Woocommerce Dashboard
WordPress -
CSS Grid Layout Techniques
HTML & CSS -
Select Based on Adjacent Sibling
HTML & CSS -
CSS Animation Techniques
HTML & CSS -
Improve Page Performance with Lazy Loading
HTML & CSS -
Build a Blog With 11ty: Categories - Part 3
11ty -
Build a Blog With 11ty: Base - Part 2
11ty -
Build a Blog With 11ty: Setup - Part 1
11ty -
SEO-Friendly URLs With 11ty
11ty -
How To Create A Dynamic API
JavaScript -
SVG Text with Video Background
HTML & CSS -
Disabling Unused WordPress Features
WordPress -
Git Techniques and Shortcuts
Web Development -
Command Line Techniques and Shortcuts
Web Development -
Type Using Perspective CSS
HTML & CSS -
SVG Animations Using Vivus.js
JavaScript -
Create A WordPress Project Plan
WordPress -
WordPress Team Workflow
WordPress -
Dynamic Multi Grid Navigation
HTML & CSS