Relieved

Type
Sun Jan

My first WordPress Plugin “Swatchify”

Swatchify is a WordPress plugin that grabs an image from a post or image file and creates a swatch to go with it. Learn more about it by clicking the…

Swatchify is a WordPress plugin that grabs an image from a post or image file and creates a swatch to go with it. Learn more about it by clicking the link to view this post.

View
Type
Tue Jun

A Memorable “Welcome” Note for a New Employee

Just a nice feel good note left for a new employee reminding him/her that it’s ok to be a human instead of a productivity robot. I think everyone needs to…

New Manager Note

Just a nice feel good note left for a new employee reminding him/her that it’s ok to be a human instead of a productivity robot. I think everyone needs to take a break from reading their “10 Ways to be More Productive” articles in the morning, and read this instead.

 

It’s ok too..

  • Say “I Don’t Know”
  • Ask for more clarity
  • Stay at home when you feel ill
  • Say you don’t understand
  • Ask what acronyms stand for
  • Forget things
  • Introduce yourself
  • Depend on the team
  • Ask for help
  • Not know everything
  • Have quiet days
  • Have loud days, to talk, joke, and laugh
  • Put your headphones on
  • Say “No” when you’re too busy
  • Make mistakes
  • Sing
  • Sigh
  • Not check your email out of hours
  • Not check your email constantly during hours
  • Just Slack it
  • Walk over and ask someone face-to-face
  • Go somewhere else to concentrate
  • Offer feedback on other people’s work
  • Challenge things you’re not comfortable with
  • Say yes when anyone does a coffee run
  • Prefer tea
  • Snack
  • Have a messy desk
  • Have a tidy desk
  • Work how you like to work
  • Ask the management to fix it
  • Have off-days
  • Have days off

 

View
Type
Mon Dec

Social Media Image Sizes

Finally someone came up with semi-complete documentation for this. It doesn’t help that these image sizes change every year, if not twice a year, but It baffles me that I…

Finally someone came up with semi-complete documentation for this. It doesn’t help that these image sizes change every year, if not twice a year, but It baffles me that I have to google this every time I want to generate a new cover image.

social-media-image-cover-sizes

View
Type
Tue Jul

Clearbit’s Logo API

I just spent countless hours generating high resolution JPEGs for the Periodic Table of DevOps and the DevOps Tool Chest, and of course the second I stop doing this super…

clearbitI just spent countless hours generating high resolution JPEGs for the Periodic Table of DevOps and the DevOps Tool Chest, and of course the second I stop doing this super labor intensive work one of my old coworkers sends me this.

Clearbit has an API that will allow you to easily pass a url to it, and receive a nice logo for the company in question.

<img src="https://logo.clearbit.com/{{DOMAIN HERE}}" alt="" />

Here is an example using Google:

You can also send these parameters to alter the image returned:

Parameter Description
size integer Size of the image returned
format string Format of the default – either png or jpg
greyscale boolean Enables greyscaling
View
Type
Wed Oct

How to Remove “Duplicate Of” and “duplicate-of” in MODX

Modx does this thing when you duplicate a resource. It will automatically add “Duplicate Of” to the page title and “duplicate-of” to the alias. In theory this should be very…

Modx does this thing when you duplicate a resource. It will automatically add “Duplicate Of” to the page title and “duplicate-of” to the alias. In theory this should be very helpful because it:

  • Differentiates between the old resource and the new resource
  • Highlights it as something that needs to be changed in the resource tree
  • Differentiates the resource by its alias so that two resources aren’t sharing the same URL

However, this past day I found myself mass duplicating parent folders full of resources (for one reason or another), and I only really needed to change the title of the top level parent resource to get the children to work correctly in the context of the project.

I imagine this is an edgecase, but I’m also sure that there are people out there doing the same thing.

In this circumstance it becomes super annoying to go through and replace the “deuplicate-of” in the alias and the “Duplicate of” in the title. This is a nice little snippet that will help you achieve that.

View
Type
Mon Dec

How to Make Slideshare Responsive With Fitvid.js

Fitvid.js is a phenomenal script developed by Chris Coyier, and saved me about 100,000,000 hours every month. I use it to resize virtually every media object on my site. To…

Fitvid.js is a phenomenal script developed by Chris Coyier, and saved me about 100,000,000 hours every month. I use it to resize virtually every media object on my site.

To make Slideshare posts responsive the first thing you need to do is obtain the Slideshare embed code and paste it where you would like to have your video. Make sure that your remove and width and height parameters. Secondly, open up your fitvid.js file and locate the following code.


var selectors = [
        "iframe[src*='player.vimeo.com']",
        "iframe[src*='youtube.com']",
        "iframe[src*='youtube-nocookie.com']",
        "iframe[src*='kickstarter.com'][src*='video.html']",
        "object",
        "embed"
      ];

Now you will want to add the following snippet right under the kickstarter selector.


"iframe[src*='slideshare.net']",

After you have added that snippet you should have the following code.


var selectors = [
    "iframe[src*='player.vimeo.com']",
    "iframe[src*='youtube.com']",
    "iframe[src*='youtube-nocookie.com']",
    "iframe[src*='kickstarter.com'][src*='video.html']",
    "iframe[src*='slideshare.net']",
    "object",
    "embed"
];

Save the file, make sure you’ve correctly targeted the area you would like to resize the videos in, and you should be all set.

If you would like you can also specify a new selector right in your jQuery code without altering the fitvid file by inserting the following code!


$("#thing-with-videos").fitVids({ customSelector: "iframe[src^='www.slideshare.net']"});

Let me know if you’re having any trouble int he comment section to the right!

View

Subscribe for More!


I send out a monthly newsletter on various topics.

Take a moment to enter your details, and you can select the news you would like to have delivered to your inbox!