As I upgrade older sites to use jQuery 3.3.1 I commonly encounter the following error: Uncaught Error: Syntax error, unrecognized expression: … This error occurs when you are trying to select something with an invalid selector. jQuery 2.x and 3.x…
Google provides a set of lesser known, but highly useful, operators that can be used to refine and finely tune search results. These operators are incredibly useful when optimizing and analyzing websites for organic search. Below is a reference of the various operators, or symbols/words, that you can use in Google searches to make results more precise.
Over the past 10 years as freelance web developer I’ve learned important lessons about business, relationships, money and life.
If you’re seeing a SyntaxError: Unexpected token < in JSON at position 0 error in your browser console at angular.js:13920, or Line 13920 or angular.min.js, then it’s likely that you’re working with HTTP API’s, possibly using $resource or $http, and…
If you’re tired of manually re-formatting, indenting, structuring or beautifying HTML code in Sublime Text then you can use the following approach to automatically indent HTML files when you Save. Manual Auto-indent for HTML Based on common questions the following…
Markdown is a wonderful way to write content on the web, it’s what I use to write every blog article you see here on kevinleary.net. While working with Upstatement’s Timber plugin I came across a situation where I wanted to…
If you want to change the wording of an admin menu inside of WordPress without editing the plugin directly you can make use of the $menu global variable that exists within the WordPress admin. Manipulating this data structure will allow…
The tutorial will show you how to setup and work with Angular.js inside of a WordPress plugin to create a stand-alone, API powered, Angular.js single page app or microsite that is available at a defined path of a WordPress website.…
I find myself doing this all the time, so I wanted to make note of the snippet here for anyone else commonly looking to add a Git remote for an existing Heroku app using the Heroku CLI. Open up your…
I picked up a strange issue on my WordPress site today while reviewing stats in Google Search Console. I noticed a malicious 301 redirect happening for an old post, one that had no redirect rules set. Specifically the post had…
If you want to use regex for an Express.js route rule then you must use a JS regular expression object instead if string by wrapping your regular expression in slashes (/) instead of quotes (“). To look at a common…
Angular’s built-in $http service and it’s $http.get() method do NOT cache responses by default. There are a few different ways you can enable $http caching, below are some helpful examples of each. These examples are ordered in terms of difficult,…
Angular’s templating system is wonderful, and it build’s on some common practices established years ago by the Handlebars templating engine. Sometimes I encounter projects where an existing templating system conflicts with Angular, such as a server-side templating language like Mozilla’s…
This is the best way I’ve found to create an Angular.js directive that’s restricted to a specific HTML element or tag. There’s no directive configuration option in Angular.js to do this, but I recommend adding the `restrict: ‘A’` to your directives config so that it only matches an attribute name. Once we have that in place the key aspect that makes this happen is this line: if ( element[ 0 ].tagName !== “A” ) { … }
I use gulp-uglify to minify my JavaScript for a large Angular.js project. Recently the compile process became incredibly slow, taking upwards of 15 seconds to compile JavaScript each. I’m convinced there is an underlying issue here, but for now I was able to solve the issue using a filesystem cache. This reduced a the JS build task with Uglify from 15-20 secs down to 500ms-1.5secs.