Use Your Numberpad To Control Google Hangouts/Meet
🕒 March 10, 2023 🏷 Tricks
Using Hammerspoon to create shortcuts on a number pad that can control Google Hangouts/Meet
Using Browser Devtools To Improve Your Bug Reports
🕒 March 9, 2023 🏷 Tricks
How to improve your bug reports using the browser dev tools
Versioning Service Workers In Hugo
🕒 August 21, 2022 🏷 Snippets
How to use Hugo pipes and resources to version your service worker scripts
Using Laravel `when` Method To Support Multiple Queries
🕒 August 14, 2022 🏷 Web
How to use the `when` method on database collections in Laravel to create more flexible and readable code
Bitbucket Weekly Reports Using Make (Integromat)
🕒 August 6, 2022 🏷 Tricks
Use Make (Integromat) to create a nice weekly report in Slack for all the closed pull-requests in a Bitbucket repository
Autocomplete TailwindCSS In Custom Attributes/Strings
🕒 June 6, 2022 🏷 Snippets
Use tailwindcss autocomplete classes and logic inside non-default attributes or strings
Setup A Raspberry Pi with PHP And Lighttpd
🕒 June 5, 2022 🏷 Snippets
Setup a raspberry pi with php 8.1 and the latest lighttpd web server
Vue stateful form component
🕒 October 24, 2021 🏷 Snippets
Create a Vue form that escalates all events to the top level and supports v-model
Lodash i18n (translation) function
🕒 October 22, 2021 🏷 Snippets
An incredibly simple i18n (internationalization + translation) function using lodash `get` and `template` functions
Lodash memoize with a timeout
🕒 October 20, 2021 🏷 Snippets
Use lodash memoize with a TTL/timeout. Allows calls to be cached by time as well as argument values
Fastmod Codemod For Refactoring
🕒 February 6, 2021 🏷 Tricks
Fastmod is a command line tool that can help you with large-scale codebase refactors
Vue Omnibar Component
🕒 December 5, 2020 🏷 Web
A Vue component that is used to create modal popups that emulate omnibar, command palette, open anywhere, or other search functions/features
Vue Toggle Component
🕒 December 4, 2020 🏷 Web
A Vue component that is used to create simple switches, toggles, and show/hide experiences
Tailwind Screens In JS
🕒 September 5, 2020 🏷 Snippets
Detect if a tailwind screen value matches the current window
Vuex Stateful URL Plugin
🕒 September 3, 2020 🏷 Snippets
StatefulURL is a Vuex plugin that can read and write the state from a query string
Vuex Crosstab Plugin
🕒 September 3, 2020 🏷 Snippets
CrossTab syncs Vuex state across same-origin tabs. Converted from storeon crosstab
Using slots in Vue js
🕒 May 18, 2020 🏷 Web
If you are working with server-rendered apps, using Vue slots can help you create more reusable and flexible components
Create JSON Sections In Shopify
🕒 January 5, 2020 🏷 Web
A demo on how to create a section in Shopify that returns JSON and HTML
Detect Theme Editor In Shopify Liquid Templates
🕒 January 4, 2020 🏷 Web
A demo on how to detect when a template is running in the Shopify theme and section builder
Using Zapier Webhooks for HTML forms
🕒 September 28, 2019 🏷 Web
You can use Zapier webhooks to handle HTML form submissions - if you know how to set up your form
Use Laravel Valet for WordPress Multisites
🕒 September 1, 2019 🏷 Web
Use Laravel Valet for developing local WordPress multisites
Build A Multi-lingual Laravel Site With Subdomains
🕒 August 25, 2019 🏷 Web
Have you ever wanted to use subdomains in Laravel to control logic, locale, or other functionality? Well, this example might help.
Simple Slack Slash Supplier
🕒 May 13, 2019 🏷 Web
A lambda function that provides a simple mechanism for mapping Slack slash commands to pre-built responses
SQL As An API
🕒 May 12, 2019 🏷 Web
An example of how to use SQL as an API instead of reaching for something like GraphQL
Laravel Scout Sonic Driver
🕒 April 12, 2019 🏷 Web
A Laravel Scout driver for the Sonic search tool
Function Currying To Make Reusable Code
🕒 February 17, 2019 🏷 Web
Function currying. If you haven't heard of it before, let me introduce you to this magical pattern that can help reduce duplicate code and improve readability
When And Where To Compromise Your App Design
🕒 October 21, 2018 🏷 Web
When initially developing an application or a new feature we are constantly trying to balance best practices in design with delivering a finished product.
Using Sqlite As A Cache In Laravel
🕒 October 4, 2018 🏷 Web
How to use Sqlite as a cache in Laravel
Angular (v1.x) Through iFrame
🕒 April 29, 2018 🏷 Web
How to use angular.js (v1.x) through an iframe when the iframe URL is dynamically swapped
Nuxt Firebase Starter
🕒 December 21, 2017 🏷 Web
An example project that uses nuxt.js and Firebase for simple auth (social or email/pass) and account profiles
Using DigitalOcean Spaces
🕒 November 18, 2017 🏷 Web
An example project for how to use DigitalOcean Spaces with S3 tools
3 Ways A Website Project Falls Apart
🕒 July 29, 2017 🏷 Web
Over the last 7 years, I have been a part of hundreds of website projects. Here are some of the most common ways I have seen a project fail.
Handle spaces and no-spaces in MySQL where-like clauses
🕒 July 8, 2017 🏷 Tricks
Have you ever wanted to write a WHERE LIKE for a query with and without spaces? Well, now you can with this trick!
WordPress Browser Body Class
🕒 June 21, 2017 🏷 Web
A simple WordPress tutorial for adding a class to the body that represents the browser. No plugin required.
Update Laravel Pagination With New Collection
🕒 June 4, 2017 🏷 Web
Did you know you can update a Laravel pagination with a new collection?
Color Helpers In Fish Shell
🕒 June 3, 2017 🏷 Snippets
How to easily create a color function for printing colorized output
Conditional Vue.js Mixins
🕒 May 25, 2017 🏷 Tricks
How to use commonjs modules as vue.js mixins and how to conditionally load mixins on a per-page-basis.
Install the latest Node.js on Amazon Linux
🕒 April 29, 2017 🏷 Snippets
How to install the latest version of node.js on the Amazon Linux AMI
Running Go (golang) in Docker
🕒 April 28, 2017 🏷 Snippets
How to run and deploy golang applications inside a Docker container.
How To Use Template Strings As Modules
🕒 February 26, 2017 🏷 Tricks
How to the new es6 template string literals to make reusable modules for templates/strings or HTML partials
How To Use LC_MONETARY In Laravel
🕒 February 24, 2017 🏷 Tricks
How to use setlocale with LC_MONETARY in Laravel
OpenSSL Passwd Without Prompt
🕒 November 22, 2016 🏷 Tricks
How to use the openssl passwd without a confirm prompt
Use Nginx for A/B Testing
🕒 August 28, 2016 🏷 Web
Use Nginx to set custom headers in your HTTP responses so you can serve conditional content
Backup MySQL And Email It
🕒 March 24, 2016 🏷 Snippets
Don't bother paying for a SaaS that creates MySQL backups and emails them to you on a schedule, you can do this with CRON and a small script
Add A Counter For Duplicate Uploads
🕒 February 12, 2016 🏷 Web
A short script to detect if a folder contains a duplicate filename, and if it does, the filename gets a counter prepended to the front of the filename
Add $.getStylesheet To jQuery
🕒 February 5, 2016 🏷 Web
Ever wanted to have a CSS/Stylesheet version of $.getScript? Well now you can with $.getStylesheet
Slack Meta Data For URLs and Links
🕒 October 31, 2015 🏷 Web
Tips to get Slack to resolve the correct meta data for your website URL
Fixing Wordpress wp-content 500 Errors
🕒 September 29, 2015 🏷 Web
How to fix the issue where Wordpress wp-content assets are throwing 500 errors
Simple Benchmarks With Apache AB
🕒 September 22, 2015 🏷 Web
a tutorial for generating simple benchmarks using the Apache ab tool
Varnish For Static Sites
🕒 September 20, 2015 🏷 Web
a small tutorial for how to setup Varnish cache for a flat site running on Apache
Validate Email With Lua
🕒 September 6, 2015 🏷 Snippets
A verbose email validation function for Lua
Simple PHP JSON Response
🕒 August 4, 2015 🏷 Snippets
Create a simple JSON response using PHP
Disallowed Characters In URI
🕒 March 31, 2015 🏷 Tricks
The URI you submitted has disallowed characters
PhalconPHP Completions
🕒 March 20, 2015 🏷 Personal Project
A PhalconPHP completions and snippets package for Sublime Text
Easy FFmpeg Video Posters
🕒 March 19, 2015 🏷 Snippets
Take in a list of video files and generate a poster image for each one
Minimal Raspberry Pi OS
🕒 March 14, 2015 🕙 Updated: March 20, 2015 🏷 Personal Project
Setup and improve the Moebius OS for the Raspberry Pi
Phalcon Micro App Starter
🕒 January 20, 2015 🏷 Personal Project
A showcase of a Phalcon Micro App starter template that makes it easy to get started with the Phalcon micro app class
PhalconPHP Crop Image To Fit
🕒 November 24, 2014 🏷 Snippets
How to crop and scale an image to fit specific dimensions in Phalcon PHP
PyroCMS Module Generator 2.0
🕒 November 16, 2014 🏷 Personal Project
The Pyro Module Generator allows you to rapidly create modules for Pyro 2.2 and up
Kijiji Vector Logo
🕒 November 14, 2014 🏷 Web
the kijiji logo as a vector svg file
Migrate AllPasswords To 1Password
🕒 October 11, 2014 🏷 Tricks
How to import your allpasswords csv into 1password
Always Connect To Starbucks WiFi
🕒 September 20, 2014 🏷 Tricks
How to connect to the Starbucks WiFi every time by using your phone.
Lico
🕒 August 4, 2014 🏷 Personal Project
Lico is a re-creation of the PicoCMS for PHP, but written for Luvit for Lua
Typeform Vector Logo
🕒 July 31, 2014 🏷 Web
Another difficult logo to find. This one is for the fun new Typeform service. Typeform allows you to create dynamic and fun forms for clients, events, and other general uses.
Using Node.js in an AppleScript
🕒 July 12, 2014 🏷 Snippets
How to use Node.js in an AppleScript
Copy filepath to clipboard in OSX
🕒 July 10, 2014 🏷 Snippets
How to copy a filepath to the clipboard in OSX
The Simple Spam Stopper
🕒 May 27, 2014 🏷 Web
For the last year at WARPAINT Media, we have been getting assaulted with spam.
Flexible SVG Placeholder Images
🕒 May 24, 2014 🏷 Web
Replace a service like placehold.it with your own local version that serves SVG images
Purge A File From A Github Repo
🕒 May 18, 2014 🏷 Snippets
How to permanently remove a file from a repo and it's history
Tips For Using SVGs
🕒 May 17, 2014 🏷 Web
I found using SVGs can be both amazing and extremely frustrating, so I have to share this information so no one looses their mind.
Koding Interview
🕒 April 29, 2014 🏷 Personal Project
James Doyle interview by the developer social network Koding
Kaenon Vector Logo
🕒 April 10, 2014 🏷 Personal Project
The Kaenon logo in a vector SVG format
Bash select example
🕒 April 7, 2014 🏷 Snippets
An example of how to use the select command in bash to pass arguments to functions
Sublime Node Snippets
🕒 March 25, 2014 🏷 Personal Project
Sublime Text snippets for node, async, underscore, and lodash
Simple Binder
🕒 March 14, 2014 🏷 Personal Project
simplebinder is a zero dependency one-way databinder for javascript
Vim Vector Logo
🕒 March 4, 2014 🕙 Updated: June 17, 2014 🏷 Personal Project
The Vim logo in a vector SVG format. Also includes a ICNS file for OSX.
Atom Monokai Dark
🕒 February 27, 2014 🏷 Personal Project
Dark Monokai theme for the Github Atom editor
The Alternative Cms
🕒 February 26, 2014 🏷 Personal Project
Presentation for The Alternative Cms
Randomly Generate A Password In Bash
🕒 February 16, 2014 🏷 Snippets
Randomly generate a password of specified length and then copy it to the clipboard
PHP WebSocket Chat
🕒 February 8, 2014 🏷 Personal Project
PHP websocket chat application example
All About PhileCMS Video
🕒 February 7, 2014 🏷 Personal Project
All About PhileCMS Video
Font Awesome SVG Icons
🕒 February 6, 2014 🏷 Web
A sprite sheet of all the font-awesome icons from version 4.0.2
Groupon SVG logo
🕒 January 24, 2014 🏷 Personal Project
groupon logo in vector svg
Chrome Reverse Geocode App
🕒 January 8, 2014 🏷 Personal Project
Chrome Reverse Geocode App
IICRC Vector Logo
🕒 December 18, 2013 🏷 Web
IICRC Vector Logo
List File Permission Numbers
🕒 December 8, 2013 🏷 Snippets
Easily list the chmod numbers for all the files in a folder
Easy Command Line Reverse Geocoding
🕒 November 27, 2013 🏷 Snippets
Easily reverse geocode an address using the command line and the google maps API
Grunt Highlight Plugin
🕒 November 25, 2013 🏷 Personal Project
Grunt task for running Highlight.js over files or blocks of code
Decrypt-Encrypt Functions From Command Line
🕒 November 22, 2013 🏷 Snippets
Functions to encrypt and then decrypt files from the command line with OpenSSL
Get Wordpress via Command Line
🕒 November 21, 2013 🏷 Snippets
Download and unzip the latest Wordpress version, all via command line
HostMonster PHPMailer Settings
🕒 November 19, 2013 🏷 Snippets
How to setup PHPMailer on a HostMonster hosting server
GoDaddy Email on Digital Ocean
🕒 November 18, 2013 🏷 Demo
How to use GoDaddy Email on Digital Ocean
Github Wiki To HTML
🕒 November 17, 2013 🏷 Personal Project
Github Wiki To HTML
Phile CMS
🕒 November 4, 2013 🏷 Personal Project
Phile is flat-file CMS based on Pico
Google Drive Flat SVG Logo
🕒 November 1, 2013 🏷 Personal Project
Google Drive Flat SVG Logo
Docracy SVG logo
🕒 October 31, 2013 🏷 Personal Project
Docracy logo in vector svg
Assemble Starter
🕒 October 17, 2013 🏷 Personal Project
Assemble for Grunt.js Starter template
pico-download plugin
🕒 September 18, 2013 🏷 Personal Project
I created a plugin to force files to download in PicoCMS
Pico-Useragent Plugin
🕒 September 15, 2013 🏷 Personal Project
A plugin for pico that allows you to list the useragent
compare multiple md5 hashes
🕒 September 15, 2013 🏷 Snippets
compare multiple md5 hashes
jQuery-doodal-js
🕒 September 9, 2013 🏷 Personal Project
jQuery-doodal-js
Grunt Sundown
🕒 September 8, 2013 🏷 Personal Project
Grunt Sundown
Simple HTML5 Notifications
🕒 August 29, 2013 🏷 Snippets
Simple HTML5 Notifications
Render PHP File With Data
🕒 August 29, 2013 🏷 Snippets
Render PHP File With Data
Pyro Twitter Widget
🕒 August 8, 2013 🏷 Personal Project
Pyro Twitter Widget
Pico Get By Filename Plugin
🕒 July 27, 2013 🏷 Personal Project
I wrote another small plugin for PicoCMS that actually lets you load files based on the filename
Markdown Logo Vector SVG
🕒 July 26, 2013 🏷 Personal Project
Markdown Logo Vector SVG
CMS Watch List
🕒 July 26, 2013 🏷 Web
CMS Watch List
The $100 Website
🕒 July 23, 2013 🏷 Web
I wrote a post on WARPAINT Media about people who ask about getting a website for $100.
Kube in Styl/Rework
🕒 July 19, 2013 🏷 Personal Project
Kube in Styl/Rework
Pico Slider Plugin
🕒 July 17, 2013 🏷 Personal Project
a plugin for Pico that allows you to create a Slider
NPM logo SVG
🕒 July 7, 2013 🏷 Personal Project
The NPM logo as a SVG
Apax apache theme in htdocs
🕒 July 2, 2013 🏷 Snippets
Apax apache theme in htdocs
Disqus Comments
🕒 June 27, 2013 🏷 Personal Project
Adding Disqus Comments to the website
rework-shade
🕒 June 23, 2013 🏷 Personal Project
A package for rework that allows a shade function
rework-math
🕒 June 23, 2013 🏷 Personal Project
I created a plugin for rework that allows you to do simple math
PyroCMS UA Sniffer Plugin
🕒 June 23, 2013 🏷 Personal Project,Web
A plugin for PyroCMS that allows UA Sniffing
Pyro Github Markdown Field Type
🕒 June 23, 2013 🏷 Personal Project
Pyro Github Markdown Field Type
grunt terminal-notifier setup
🕒 June 7, 2013 🏷 Snippets
grunt terminal-notifier setup
NudeProject - a starting point for simple websites
🕒 June 4, 2013 🏷 Personal Project
NudeProject - a starting point for simple websites
Detect Animation Events in Javascript
🕒 May 31, 2013 🏷 Snippets
Detect Animation Events in Javascript
Startup Canada SVG logos
🕒 May 29, 2013 🏷 Personal Project
All the Startup Canada SVG logos
CrunchBase SVG logo
🕒 May 29, 2013 🏷 Personal Project,Web
CrunchBase SVG logo
Modernizr SVG Fallback to PNG
🕒 May 27, 2013 🏷 Snippets
Modernizr SVG Fallback to PNG
Custom Google Forms
🕒 May 22, 2013 🕙 Updated: September 20, 2014 🏷 Personal Project
I have been complaining about the lack of themes for google forms for a while now. I finally decided to stop crying and do something
Salt.js micro selector library
🕒 May 12, 2013 🏷 Personal Project
salt.js is micro DOM selector library. Minified, it comes in at 255 bytes
CSS3 badge logo in SVG
🕒 April 21, 2013 🏷 Web
CSS3 badge logo in SVG
April 2013 Redesign!
🕒 April 17, 2013 🏷 Personal Project
Another redesign. This one is completely by me, with a little help from the html5blank Wordpress template. I am using SVGs exclusively.
AngularJS Hangout - Promises Promises
🕒 April 17, 2013 🏷 Web
AngularJS Hangout - Promises Promises
Switching to SVG on Grey Nimbus
🕒 April 14, 2013 🏷 Personal Project
Switching to SVG for all images on my website
PyroCMS Module Generator
🕒 April 13, 2013 🏷 Personal Project
PyroCMS Module Generator that can generate modules for pyrocms
Pyro Swipe.js Module
🕒 April 13, 2013 🏷 Personal Project
A module for Pyro CMS that wraps up the Swipe.js Module
Grey Nimbus website
🕒 April 11, 2013 🏷 Portfolio
My old Grey Nimbus website
Pyro Image Select Field
🕒 March 28, 2013 🏷 Personal Project
A field for Pyro CMS that allows you to select images from your uploads
jQuery Plugin Snippets for Sublime Text 2
🕒 March 28, 2013 🏷 Snippets
jQuery Plugin Snippets for Sublime Text 2
PHP Variables in strings
🕒 March 21, 2013 🏷 Demo
A list of all the ways you can put PHP Variables in strings
Pyro Blurb Field
🕒 March 19, 2013 🏷 Personal Project,Web
A field for Pyrocms that allows you to create little blurbs in a list
Canadian Provinces Field
🕒 March 15, 2013 🏷 Personal Project
Canadian Provinces Field
Git Website Workflow
🕒 March 13, 2013 🏷 Personal Project
Git Website Workflow
PyroCMS PageWidgets Field Type
🕒 March 5, 2013 🏷 Personal Project
PyroCMS PageWidgets Field Type
Clean CSS Updated
🕒 February 24, 2013 🏷 Personal Project
Clean CSS Chrome app Updated
Pyro List Field
🕒 February 23, 2013 🏷 Personal Project
A field for Pyro CMS that allows the creation of Lists
Zepto Drag & Swap
🕒 February 21, 2013 🏷 Personal Project
Create a drag and drop list with Zepto
Pyro Image Widget
🕒 February 21, 2013 🏷 Personal Project
A widget for Pyro CMS for creating Image sections
Making a socket.io app and how socket.io works
🕒 January 13, 2013 🏷 Demo
Making a socket.io app and how socket.io works
Clean CSS in Chrome Apps Office Hours
🕒 December 19, 2012 🏷 Web
So my chrome app Clean CSS made it onto one of the Chrome Apps Office Hours.
View Folder Tree in MacOSX Terminal
🕒 November 19, 2012 🏷 Web
View Folder Tree in MacOSX Terminal
New business cards
🕒 November 15, 2012 🏷 Portfolio
Check out my new business cards
Flexbox Demo
🕒 November 14, 2012 🏷 Demo
A demo of CSS Flexbox
WYSIWYG in PyroCMS Widgets
🕒 November 10, 2012 🏷 Snippets
WYSIWYG in PyroCMS Widgets
Letterpress loader in CSS
🕒 November 4, 2012 🏷 Demo
Create the Letterpress loader in CSS
Kube-Node-Express
🕒 October 21, 2012 🏷 Personal Project
Kube-Node-Express
Source Code Pro on Sublime Text
🕒 October 19, 2012 🏷 Web
Download and install Source Code Pro on Sublime Text
Generated Content Article Title
🕒 October 18, 2012 🏷 Demo
Use Generated Content in CSS to show an Article link in plain text
Array.prototype.range()
🕒 October 18, 2012 🏷 Fiddle
How to create Array.prototype.range in Javascript
No Javascript CSS Accordion
🕒 October 17, 2012 🏷 Demo
Build an Accordion with just CSS and no Javascript
Dancing Music Bars
🕒 October 16, 2012 🏷 Fiddle
Create a Dancing Music Bar animation in CSS and SVG
zsh new file && open file function
🕒 October 13, 2012 🏷 Snippets
zsh new file && open file function
Target Mozilla-only in CSS
🕒 October 11, 2012 🏷 Snippets
Target Mozilla-only in CSS
My Old Website
🕒 October 4, 2012 🏷 Portfolio
See my old website
CSS3 Pagebend
🕒 September 18, 2012 🏷 Fiddle
Create a Pagebend effect using CSS
CSS Date Card
🕒 September 18, 2012 🏷 Fiddle
Create a Date Card using CSS transitions, animations, and gradients
nodelist.each
🕒 September 6, 2012 🏷 Snippets
nodelist.prototype.each in javascript
Mozilla Dev Derby
🕒 August 29, 2012 🏷 Demo
James Doyle runner up in Mozilla Dev Derby September 2012
No-Js Image Preview
🕒 August 27, 2012 🏷 Fiddle
Create a No-Js Image Preview with only CSS
Styling Radios and Checkboxes. Redux.
🕒 August 19, 2012 🏷 Web
Styling Radios and Checkboxes. Redux.
WordPress Plugin Swipe.js
🕒 August 14, 2012 🏷 Web
WordPress Plugin Swipe.js
Making Checkboxes in WordPress options pages
🕒 August 11, 2012 🏷 Web
Making Checkboxes in WordPress options pages
Styling radio and checkbox inputs
🕒 August 7, 2012 🏷 Web
Styling inputs can be pretty annoying. I don’t think I really have any consistent way of making custom inputs
Generated content in CSS
🕒 July 27, 2012 🏷 Fiddle
How to use Generated content in CSS
Installing Android 4.1.1 Jelly Bean for Nexus S
🕒 July 20, 2012 🏷 Android
How to flash jelly bean onto a nexus s