A free, open-source way to record your screen as an animated GIF.
The following snippet of HTML, CSS and JavaScript will provide you with a pulsating text effect that fades in and out infitately over a 3 seconds. This is nothing new or spectacular, but it was hard for me to find a simple approach that suited my needs. CSS3 .pulsate { -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count:…
The lodash library’s isEqual() method provides a deep comparison between two JavaScript objects: var user1 = { name : “nerd”, org: “dev” }; var user2 = { name : “nerd”, org: “dev” }; ( user1 == user2 ) // returns false – NO WORKY _.isEqual( user1, user2 ); // return true – WORKS I’ve found…
I’ve been working with the Site Origin Page Builder plugin a lot lately, which is wonderful and I highly recommend it for WordPress CMS development. I found myself in need of a basic SiteOrigin Page Builder conditional function to check whether the current post or page content was created with the default WordPress editor or…
Last night (February 13, 2015) I presented at the Boston Node.js Meetup hosted by LogMeIn. I shared an approach I’ve used working to build a static site engine using Node.js for MIT Technology Review. It was a fun experience, I hope to do it again in the future. Resources Live example Slide deck Gist snippets…
This should have been easier for me to understand, but regex still gives me headaches. For anyone wanting to run a search and replace in Sublime Text that contains wildcard values this can be used: [^<]+ For example, we could use the following search string to find a set of anchor links. <a href=”[^<]+” data-attribute=”Something…
Serving static HTML, images, stylesheets and scripts with Node.js isn’t as out of the box as you might expect. Most developers coming from a PHP or Rails background might be surprise to find that you’ll need to configure a static file server in order to work with the everyday files that a normal web server…
When you’re designing or developing a WordPress theme it’s important to provide the proper CSS styles for the various elements that the TinyMCE editor can output. Use this sample WordPress content to quickly test out the way headings, lists, paragraphs, blockquotes, images page or post to test out the typographic styles of a theme. <a…
Modern websites have many different templates and page layouts. Quite often these templates can’t be effectively managed using just a WYSIWYG editor. To build a successful custom WordPress theme you need to make managing modern page layouts as easy as possible for non-technical users. To effectively manage a template like this you’ll need the ability…
Pardot is a wonderful marketing automation tool that can automate some of the tedious tasks of integrating a website with SalesForce. Integrating a website with Pardot is a multi-stage process that varies from organization to organization. From a high level perspective, every migration involves two primary integration methods: visitor tracking and data collection. This guide…
I found myself in a scenario today where I needed to remove the “Posts” menu item from the WordPress admin. I worked with this function to do it, so I thought I would share it here. If anyone else out there is looking for a way to remove posts from WordPress, or more specifically the…
The Dublin Core is a relatively up and coming metadata standard that assists with describing a digital document or resource. By providing a set of standard elements that to accurately describe the contents of a webpage, the Dublin Core is a valuable asset for anyone interested in SEO. However, working with the standard is anything…
Moved to custom post template.
Quite often I encounter situations where it’s useful to know what functions are affecting a particular WordPress hook. It really helps me understand the ways that WordPress core, themes and plugins affect my site, specifically through the use of add_action() and add_filter(). This handy function make’s it pretty easy to discover what functions are attached…
Grabbing a YouTube video thumbnail is easier than you’d think. YouTube uses a standard naming convention for it’s screenshot images, just replace %VIDEO-ID% with a YouTube video ID in the format below and link directly to the image. https://img.youtube.com/vi/%VIDEO-ID%/0.jpg https://img.youtube.com/vi/%VIDEO-ID%/1.jpg https://img.youtube.com/vi/%VIDEO-ID%/2.jpg https://img.youtube.com/vi/%VIDEO-ID%/3.jpg 0.jpg is full size, while others are scaled thumbnails. There are also other…