Sharing my insights and how-tos on building projects while using best practices. I cover topics from graphic design to web development, using dependable platforms like WordPress and new technologies like Jamstack and React.
-
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 -
Create digital products that behave like people
Graphic Design -
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 -
Using KPIs with Start Stop Continue
Web Design -
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 -
Use Google Search Suggestions for Keywords Research
SEO -
Nunjucks Conditional Statement Examples for Eleventy
11ty -
FTP Version Control using GitHub Actions
Web Development -
Three Steps to Creative Design
Graphic Design -
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 Brand Style Guide for Your Website
Web Design -
SEO Checklist with Progress Tracker
SEO -
Create and Optimize Robots.txt
SEO -
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 -
Designing with Three Base Colors
Graphic Design -
SEO-Friendly URLs With 11ty
11ty -
How To Create A Dynamic API
JavaScript -
How to Mask, Resize and Export With Photoshop
Graphic Design -
Interacting With Bezier Curves
Graphic Design -
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 -
Sustainable SEO & Metrics that Matter
SEO -
Type Using Perspective CSS
HTML & CSS -
SVG Animations Using Vivus.js
JavaScript -
Why Round Letters Need to Be Bigger Than Straight Ones
Graphic Design -
Top 5 Image SEO Optimizations
SEO -
Shaping Art & Design with The Golden Ratio
Graphic Design -
Create A WordPress Project Plan
WordPress -
WordPress Team Workflow
WordPress -
How to Find Affordable & Reliable Web Design
Web Design -
Boosting Creativity with Ambient Sounds
Innovation -
Boosting Focus in a Distracted World
Innovation -
Favianna Rodriguez Visualizes Social Justice
Graphic Design -
The Persuasive Argument Strategies Logos, Ethos & Pathos
Innovation -
Dynamic Multi Grid Navigation
HTML & CSS -
How to Presenting a Great Idea
Innovation -
Maxfield Parrish and the Pop Art Movement
Graphic Design